将HTML / CSS转换为Image的更好方法

Question

我正在创建网络应用，允许创建简单的添加横幅。您可以在横幅（文本，图像，方框等）上添加元素拖放，调整大小，更改其属性。

为了获得更好的主意，以下是它的外观：

在横幅编辑器中，元素是带有内联样式的简单HTML。

要将创建的HTML转换为图像我使用库 - html2canvas。它基本上在画布上呈现HTML，可以保存为图像。但它有限制（并非所有css属性都受支持），结果图像有时与预览不同。

所以我的问题是：

• 有更好的方法吗？
• 是否可以制作页面部分的屏幕截图并将其另存为图像？
• 有没有办法在服务器上使用CSS呈现HTML？ Scince NodeJs使用v8引擎也许有办法用它来渲染HTML / CSS？

我不需要跨浏览器解决方案。如果它仅适用于镀铬，那就没关系。

Answer 1

查看https://github.com/niklasvh/html2canvas/issues/283 - 可能有用。

Answer 2

使用html2Canvas库转换 HTML ＆gt;＆gt; 画布＆gt;＆gt; 图片（PNG或JPG）

      html2canvas(document.getElementById("image-wrap")).then(function(canvas) {
            var link = document.createElement("a");
            document.body.appendChild(link);
            link.download = "manpower_efficiency.jpg";
            link.href = canvas.toDataURL();
            link.target = '_blank';
            link.click();
        });

来源：http://www.freakyjolly.com/convert-html-document-into-image-jpg-png-from-canvas/