Question

不重复，因为我需要转换为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>

Answer 1

html2canvas可以帮到你。

来自官方网站：

此脚本允许您截取网页或部分网页的“屏幕截图” 它，直接在用户浏览器上。屏幕截图基于DOM 因此，它可能不是真实表示的100％准确没有制作实际的屏幕截图，而是基于构建屏幕截图页面上提供的信息。

html2canvas(document.getElementById('box'), {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  },
  width: 400,
  height: 400
});

点击here查看一些实时示例。

如何将html元素保存为png

1 个答案: