こんにちは、はせです。
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はとても便利なライブラリですが、
バージョンによっては不具合が多くて
扱いが難しいです・・・。
コメント