Html2canvas: iframe内でhtml2canvasを使用すると、フォントが読み込まれません

作成日 2019年03月13日  ·  3コメント  ·  ソース: niklasvh/html2canvas

こんにちは、私はこれと同様の問題を抱えています//github.com/niklasvh/html2canvas/issues/328。
html2canvasを使用してスクリーンショットを撮るウィジェットを作成しました。 問題は、ウィジェットをiframe内のサイトに挿入する必要があることです。キャプチャは機能しますが、フォントが読み込まれません。 何が起こるかの簡単な例を次に示します: test-case-iframe

仕様:

  • テストされたhtml2canvasバージョン:v1.0.0-alpha.12
  • ブラウザとバージョン:Google Chromeバージョン72.0.3626.121(公式ビルド)(64ビット)
  • オペレーティングシステム:Mac OS 10.13.6

最も参考になるコメント

@ diego-rey子フレームが親と同じドメインにある場合、子フレームの本体にキャンバス要素を追加できることがわかりました。 次に、 canvasオプションを使用して、その要素をhtml2canvasに渡します。 子フレーム内のフォント定義を取得します。

全てのコメント3件

@ diego-rey子フレームが親と同じドメインにある場合、子フレームの本体にキャンバス要素を追加できることがわかりました。 次に、 canvasオプションを使用して、その要素をhtml2canvasに渡します。 子フレーム内のフォント定義を取得します。

ああ、解決策は簡単でした。 助けてくれてありがとう@jasonbarry ! これを行うことで、私はそれを機能させることができました。

@ diego-reyあなたの決意の例を提供できますか?

このページは役に立ちましたか?
0 / 5 - 0 評価