Javascript 如何将DIV导出到图像

我想将div导出为PNG或JPG图像。基本上，div有一个附加的two.js对象。使用SVG绘制，这意味着我不能使用那些画布

toDataURL

替代方案

two.js实例是一个400×400px的长方体，包括一个使用

two.makeLine（x1，y1，x2，y2）

制作的基本网格（水平线和垂直线）

---

JavaScript应该返回该div或two.js对象的生成图像/屏幕截图（如果可能）。

您可以看看将SVG绘制到画布中的方法。然后

toDataURL

-调用结果

---

我个人没有使用过它，但canvg可以作为一个开始：

您可以始终切换two.js中的渲染上下文，two.js始终提供对它创建的元素的引用。e、 g:

var two = new Two({ type: Two.Types.canvas }).appendTo(document.body);
var canvas = two.renderer.domElement;
var dataURL = canvas.toDataURL('img/png');
// Though this data will be blank because there's nothing being rendered.