html2Canvas页面截图
2018-01-13 17:35
246 查看
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、只能截取本地图片，跨域链接识别不了，尚未解决，同时清晰度较低
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、只能截取本地图片，跨域链接识别不了，尚未解决，同时清晰度较低
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS 使用html2canvas实现页面截图功能
- 微信图片生成插件，页面截图插件 html2canvas，截图失真 问题的解决方案
- 移动端H5页面截图【含 domtoimage、html2canvas 】
- html2canvas页面截图
- html2canvas页面截图图片不显示
- html2canvas页面截图图片不显示
- 移动端H5页面截图【含 domtoimage、html2canvas 】
- js截图及绕过服务器图片保存至本地（html2canvas）
- Web页面截图或HTML内容保存为图片
- Web开发之html2canvas截图如何解决跨域的问题？
- java 使用html2canvas实现屏幕截图
- html2canvas截图如何解决跨域的问题？
- html2canvas 截取当前页面
- html页面、canvas导出图片
- html2canvas页面截图图片不显示
- IText&Html2canvas js截图 绘制 导出PDF
- Web开发之html2canvas 实现纯JS网页截图简单例子
- 把Html插入canvas实现网页截图
- html2canvas根据DOM元素样式实现网页截图
- 页面代码HTML5 Canvas: 在HTML页面中添加Canvas