<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="../build/html2canvas.js"></script>
<script src="../build/jquery-1.9.1.min.js"></script>
</head>
<body>
<div style="color: red">kk3k</div>
<div style="color: green">kk3k</div>
<div style="color: blue">kk3k</div>
<input type="button" value="copy" id="bt">
<input type="button" value="copyimg" id="btimg">
</body>
<script>
$(function(){
$('#bt').click(function(){
html2canvas(document.body,{
onrendered:function(canvas){
document.body.appendChild(canvas);
}
})
});
$('#bt').click(function(){
html2canvas(document.body,{
onrendered:function(canvas){
var url = canvas.toDataURL();
var img = document.createElement('img');
img.src = url;
document.body.appendChild(img);
}
})
});
});
</script>
</html>
测试成功的代码 可以断点进入onrendered
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货