html2canvasでfont-sizeが変わらないときの対処法!

JavaScript

こんにちは、はせです。

html2canvasとは簡単に
要素を画像に変換してくれるJSライブラリです。

今回は、html2canvasを使用して
動的コンテンツを画像に変換したときに
文字サイズが変更できないときの対処法を記します!

文字サイズを変更的ないときの対処法!

状態

要素としては文字のサイズを変更できるのですが、
画像に変換したら文字サイズが変わっていない

対処法

対象となる要素にフォント宣言を行う

{ font-family: Roboto, "Helvetica Neue", sans-serif; }

上記のコードは一例なので、font-familyを変更しても良いと思います。
色々試してみてください。

原因

・フォントがサポートされておらず適応されない?
(Google Web Fontsを使用していた)

参考

doesn’t support font-family property with multiple value

 

おわりに

html2canvasはとても便利なライブラリですが、
バージョンによっては不具合が多くて
扱いが難しいです・・・。

コメント

タイトルとURLをコピーしました