如何在 html2canvas 中将 dom 下载为 svg?
How to download dom as svg in html2canvas?
如何使用 html2canvas 将 dom 保存为 svg 文件?
对于下载为 png ,我做了类似下面的事情:
html2canvas(document.querySelector('#demo')).then(function(canvas) {
saveAs(canvas.toDataURL(), 'image.png');
});
如何将其保存为 svg 文件以获得类似的结果?
你不知道。
您可以导出到 png/jpg/etc 的原因是 canvas 是一个像素图形表示层,因此为了方便起见,它知道如何生成浏览器支持的使用嵌入式位图的图像类型。
如果您想要矢量图形,那么您实际上需要 绘制 矢量,这意味着不依赖于 canvas API。您要么滚动自己的矢量绘图指令集(自己直接生成 SVG,或者将对象光栅化到 canvas 纯粹作为表示层),我不建议这样做,或者您使用已经存在的几个矢量图形包之一,例如Paper.js、Three.js、拉斐尔等。
如何使用 html2canvas 将 dom 保存为 svg 文件? 对于下载为 png ,我做了类似下面的事情:
html2canvas(document.querySelector('#demo')).then(function(canvas) {
saveAs(canvas.toDataURL(), 'image.png');
});
如何将其保存为 svg 文件以获得类似的结果?
你不知道。
您可以导出到 png/jpg/etc 的原因是 canvas 是一个像素图形表示层,因此为了方便起见,它知道如何生成浏览器支持的使用嵌入式位图的图像类型。
如果您想要矢量图形,那么您实际上需要 绘制 矢量,这意味着不依赖于 canvas API。您要么滚动自己的矢量绘图指令集(自己直接生成 SVG,或者将对象光栅化到 canvas 纯粹作为表示层),我不建议这样做,或者您使用已经存在的几个矢量图形包之一,例如Paper.js、Three.js、拉斐尔等。