Html2canvas: Chromeの新しいウィンドウで画像がレンダリングされません!!

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

関数convertToCanvasAndPrint（）{
html2canvas（document.getElementById（ "PositionChartMainDiv"））。then（function（canvas）{
var img = canvas.toDataURL（）;
window.open（img）;
}）;
}

1.0.0-alpha.10 jsライブラリを使用していますが、上記のクロムでは、関数が空白として新しいウィンドウを開きます。ただし、Firefoxでは画像がレンダリングされます。なんでそうなの？

Needs More Information

ソース

ABHIKSINGHH

最も参考になるコメント

@ABHIKSINGHH解決策：

html2canvas(document.body).then((canvas) => {
    window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});

Ismaestro 2018年04月23日

👍12

全てのコメント3件

この号には、私がお手伝いできることは何もありません。問題についてサポートを受けたい場合は、問題を開くための指示に従い、jsfiddleで機能していないものの例を提供してください。

niklasvh 2018年02月16日

👎5

@niklasvh ：大きな組織図のスナップショットを撮り、新しいウィンドウで画像を開こうとしています。チャートはdiv（id = PositionChartMainDiv）内にあります。しかし、[印刷]ボタンのクリックで上記の関数を呼び出すと、Firefoxでは新しいウィンドウでチャートが開きますが、Chromeでは新しいウィンドウは空で本体にコンテンツがありません。なぜそのような行動の違い？コンテンツが非常に大きいため、jsfiddleでコンテンツ全体を共有することはできません。

ABHIKSINGHH 2018年02月16日

@ABHIKSINGHH解決策：

html2canvas(document.body).then((canvas) => {
    window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});

Ismaestro 2018年04月23日

👍12

このページは役に立ちましたか？

0 / 5 - 0 評価

Html2canvas: Chromeの新しいウィンドウで画像がレンダリングされません!!

最も参考になるコメント

全てのコメント3件

関連する問題