Html2canvas: 图像未在 Chrome 的新窗口中呈现！！

创建于 2018-02-16 · 3评论 · 资料来源: niklasvh/html2canvas

函数 convertToCanvasAndPrint() {
html2canvas(document.getElementById("PositionChartMainDiv")).then(function(canvas) {
var img = canvas.toDataURL();
窗口.打开（img）；
});
}

我正在使用 1.0.0-alpha.10 js 库，在 chrome 上面的函数中打开一个新窗口为空白。但是，在 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条评论

相关问题