使用html2canvas创建网页截图(无法正确初始化)
使用html2canvas创建网页截图(无法正确初始化)
提问于 2012-05-05 08:03:30
我正在尝试使用http://html2canvas.hertzen.com/来截取我的网页的截图。我无法使用以下命令初始化画布元素...
var canvas = $('body').html2canvas();如果我能得到一张合适的画布，我会写一些类似这样的东西
var dataUrl = canvas.toDataURL(); //get's image string
window.open(dataUrl); // display image不幸的是，国际海事组织的记录非常有限。http://html2canvas.hertzen.com/documentation.html。我不认为我需要预加载，因为我没有使用任何动态图形(但无论如何我都不会走得那么远)
我实在是太新手了，无法理解这个家伙是否在screen capturing using html2canvas上取得了成功
我似乎没有比这家伙走得更远..How to upload a screenshot using html2canvas?
我的理想解决方案是演示如何用最少的代码创建屏幕截图。(将html复制到画布。获取toDataURL字符串。输出字符串)
非常感谢您的任何见解=)
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-05-10 07:46:43
你应该这样使用它：
$('body').html2canvas();
var queue = html2canvas.Parse();
var canvas = html2canvas.Renderer(queue,{elements:{length:1}});
var img = canvas.toDataURL();
window.open(img);我花了几个小时才弄明白如何正确地使用它。由于插件的实现不完整，{elements:{length:1}}是必需的，否则您将得到一个错误。
祝好运!
Stack Overflow用户
发布于 2012-08-30 19:50:47
您还可以使用以下代码：
var html2obj = html2canvas($('body'));
var queue = html2obj.parse();
var canvas = html2obj.render(queue);
var img = canvas.toDataURL();
window.open(img);Stack Overflow用户
发布于 2012-10-19 17:08:09
要只获取页面的一部分，可以这样使用它：
$('#map').html2canvas({
onrendered: function( canvas ) {
var img = canvas.toDataURL()
window.open(img);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10457608
复制相关文章
相似问题