html2canvas实现js截图

2024-09-08 03:03:52 216人阅读

<head>

function print(){ var w = $("#canv").width(); var h = $("#canv").height();

//要将 canvas 的宽高设置成容器宽高的 2 倍

var canvas = document.createElement("canvas");

canvas.width = w * 2; canvas.height = h * 2;

canvas.style.width = w + "px";

canvas.style.height = h + "px";

var context = canvas.getContext("2d");

//然后将画布缩放，将图像放大两倍画到画布上

context.scale(2,2); html2canvas($("#canv") ,{

onrendered: function(canvas){

var dataUrl = canvas.toDataURL();

document.body.innerHTML="";

var newImg = document.createElement("img");

newImg.src = http://www.mamicode.com/dataUrl; document.body.appendChild(newImg);

//window.location.href = http://www.mamicode.com/dataUrl;

} }); }

</script>

</head> <body>

<divid="canv"> 测试 <hr/> </div>

</body> </html>

///**/toDateUrl有跨域问题*/怎么解决？？

html2canvas实现js截图

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们