javascript - 如何在html2canvas中将dom下载为svg?

标签 javascript jquery html svg 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、Rafael 等等。

关于javascript - 如何在html2canvas中将dom下载为svg?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52081045/

相关文章:

php - 如何在同一页面上将 Javascript 字符串传递给 php

javascript - 预缓存模板是否值得?

javascript - 加载在同一个 div 中打开的超链接

JavaScript 代码不打印消息

javascript - 使 iframe 只读

javascript - 如何呈现包含打开但未关闭标签的组件? react .js

javascript - 在 ECMAScript5 中, "use strict"的范围是什么?

javascript - Cytoscape.js 警告 : "The style value of ` label` is deprecated for `width` "when trying to have a node with same width of label

jquery - 如何从输入类型字段获取 val 以导出 pdf 数据表

javascript - 在 Bootstrap 模式打开时调用函数