1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

html2canvasで「oklch関数に対応していない」エラーが出る

Posted at

作業内容

html2canvasを使ってHTML要素を画像化する際にブラウザでエラーが発生しました。

エラーメッセージ

ブラウザのコンソールで表示されたエラー
Error: Attempting to parse an unsupported color function "oklch"

oklch関数は対応していないと表示されますが、実装する中でoklch関数は使用していないです。
なぜかこのエラーが出る。

解決方法

html2canvas-proを使う

html2canvas-proはhtml2canvasの修正と新規機能(カラー関数サポートなど)が追加されたライブラリ

issueで解決

issueを見ると同じエラーでつまずいている方を発見
開発者が直接質問に答えていました。
issue.png

結論

html2canvasだとoklch関数に対応していない
なので上位版のhtml2canvas-proを使おう

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?