如何将html元素保存为png
如何将html元素保存为png
提问于 2016-04-24 15:02:28
而不是复制，因为我需要转换为html画布，而不是从一个
我正在开发一个网站，将一些元素放在屏幕上。
我需要能够在png中捕获<div>的内容。
我尝试过一些铬的扩展，但不幸的是没有一个能起作用。
<style type="text/css">
* {
margin: 0px 0px;
padding: 0px 0px;
}
#box {
background: #FFFF00;
width: 100px;
height: 50px;
}
</style>
<div id="box">
This is my box :)
</box>回答 1
Stack Overflow用户
回答已采纳
发布于 2016-04-24 15:04:42
html2canvas可以帮你。
来自官方网站：
此脚本允许您直接在用户浏览器上拍摄网页或其部分的“屏幕截图”。屏幕截图是基于DOM的，因此不可能100%准确到真实的表示，因为它没有生成实际的屏幕快照，而是基于页面上可用的信息构建屏幕快照。
html2canvas(document.getElementById('box'), {
onrendered: function(canvas) {
document.body.appendChild(canvas);
},
width: 400,
height: 400
});单击这里查看一些活示例。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36824819
复制相关文章
相似问题
腾讯云开发者
