html2Canvas页面截图

最新推荐文章于 2023-12-07 09:01:59 发布

原创最新推荐文章于 2023-12-07 09:01:59 发布 · 461 阅读

0 ·

CC 4.0 BY-SA版权

1、下载一个html2canvas.min.js.

2、饮用后使用方法如下

<body>
	<div id=content style="width:150px;height:200px;border:1px gray solid">
		<!-- 这是要截图的元素 -->
	</div>
</body>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$(function(){
	var content = $("#content");
	html2canvas(content,{
	    onrendered: function(canvas) {
	        var image = new Image();//新建一个img标签
			image.src = canvas.toDataURL("image/png");
			$('body').append(image);
    	}
	});
})
</script>

3、只能截取本地图片，跨域链接识别不了，尚未解决，同时清晰度较低