Html2canvas: [Safari10.1.2]キャンバスでFontAwesomeアイコンをレンダリングできません。

作成日 2018年07月30日  ·  3コメント  ·  ソース: niklasvh/html2canvas

バグレポート:

私はこのライブラリを使用して、htmlページのFontAwesomeアイコンをキャンバスに変換し、次にそれらをbase64文字列に変換し、最後に、Crystalレポートで使用するためにbyte []に​​変換しています。 FirefoxとChromeでは、この機能は完全に機能します。 Safari 10.1.2では、canvas要素はアイコンをレンダリングしません。 空白の白い四角で表示されます。

複製するには:

  1. fontawesome4アイコンをhtmlページに追加します。
  2. 電話
    html2canvas(document.querySelector( #icon ), { logging: true, allowTaint: true })
  3. 約束が果たされたら、電話してください。
    canvas.toDataURL();
    document.body.appendChild(canvas);

キャンバス要素は空白の白として表示されます。 base64文字列は有効ですが、空白の白でもあります(予想どおり)。

別の、しかしそれほど重要ではないメモ。 サファリのみにバグがあり、要素にdisplay:inline-blockがある場合、キャンバスは空になります。

仕様:

  • テストされたhtml2canvasバージョン:v1.0.0-alpha.12
  • ブラウザとバージョン:Safari 10.1.2
  • オペレーティングシステム:OSX Yosemite 10.10.5

最も参考になるコメント

この問題を修正するためにPRを送信しました

全てのコメント3件

+1

この問題を修正するためにPRを送信しました

react-country- flagsvgsでも同じ問題

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