如何将html元素另存为png

摩根·斯蒂芬（Morgan Stephen）

不是重复的，因为我需要转换为HTML画布，而不是从一个画布

我正在开发一个在屏幕上放置一些元素的网站。

我需要能够捕获<div>png中a的内容

我尝试了一些Chrome扩展程序，但不幸的是没有一个工作

            <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>

阿里·马梅多夫（Ali Mamedov）

html2canvas可以为您提供帮助。

从官方网站：

该脚本使您可以直接在用户浏览器上拍摄网页或其一部分的“屏幕快照”。屏幕截图基于DOM，因此可能无法真实表示100％的准确度，因为它无法生成实际的屏幕截图，而是根据页面上的可用信息构建屏幕截图。

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

单击此处查看一些实时示例。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。