作業内容
html2canvasを使ってHTML要素を画像化する際にブラウザでエラーが発生しました。
エラーメッセージ
ブラウザのコンソールで表示されたエラー
Error: Attempting to parse an unsupported color function "oklch"
oklch関数は対応していないと表示されますが、実装する中でoklch関数は使用していないです。
なぜかこのエラーが出る。
解決方法
html2canvas-proを使う
html2canvas-proはhtml2canvasの修正と新規機能(カラー関数サポートなど)が追加されたライブラリ
issueで解決
issueを見ると同じエラーでつまずいている方を発見
開発者が直接質問に答えていました。
結論
html2canvasだとoklch関数に対応していない
なので上位版のhtml2canvas-proを使おう