Question

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

two.js实例是一个400 x 400像素的盒子，包括使用two.makeLine(x1,y1,x2,y2)制作的基本网格（水平和垂直线）。

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

Answer 1

您始终可以将渲染上下文切换为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.

Answer 2

您可以查看将SVG绘制到画布中的方法。然后toDataURL - 结果。

我没有亲自使用它，但canvg可能是一个开始：https://code.google.com/p/canvg/

如何将DIV导出到图像

2 个答案: