javascript - html2canvas 只转换窗口的可见区域

标签 javascript jquery html printing html2canvas

我正在为此使用 html2canvas 插件。

我目前正在使用此代码。

 html2canvas($("#chartDiv"), {                              
  onrendered: function (canvas) {

   var win = window.open();
   win.document.write("<br><img src='" + canvas.toDataURL() + "'/>");
   win.print(); 
  }
});

当我将 div 转换为 Canvas 时, 只有窗口的可见部分变成了 Canvas 。

我需要找到一个解决方案,如果 div 超过窗口的大小。 ?

提前致谢

this is my current output

最佳答案

看起来您唯一的选择就是在渲染之前修改页面,使其看起来像您希望图像看起来的样子。

我在使用 html2canvas 时遇到了同样的问题,这就是一个的原因,为什么我现在自己编写将我想要的东西绘制到 Canvas 上的方法。

也许看看this

关于javascript - html2canvas 只转换窗口的可见区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32138454/

相关文章:

javascript - 禁用在 IE 中有效,但在 Firefox 中无效

javascript - 空白 map 图 block - 错误 410 消失(Mapbox 和 Leaflet JS)

html - 如何设置内部 <div> 的样式和结构以在移动设备上保持父级 <div> 的大小而不使用 px 作为尺寸

javascript - 有没有办法在变量达到某个数字时激活函数?

javascript - 如何将关闭图标移至搜索栏右侧内侧?

javascript - 如何禁用 nivo slider 上的过渡/效果?

javascript - 页面闲置一段时间后,为什么没有数据传给客户端?

javascript - 如何动态设置 Angular 下拉值?

javascript - 如何使用索引文件查看完整日历?

javascript - 弹出 div 像 http ://www. kelkoo.co.uk/