如何解决将画布从 React Konva 导出到 SVG 和 PDF？
目前，我只能使用 jpeg 和 png 导出，例如：
stageRef.current?.getStage().toDataURL({ mimeType: 'image/jpeg',quality: 1 })
stageRef.current?.getStage().toDataURL({ mimeType: 'image/png',quality: 1 })
我想像 Figma 那样将 Canvas 导出到 svg 和 pdf。
我发现了 Data URIs，这导致了 MIME_types。在那里，他们写了 application/pdf & image/svg+xml 应该可以工作，但是当我这样做时，我仍然得到 .png 图像。
有没有办法在 Konva 从 Canvas 实现 .svg & .pdf？
解决方法
ul.ml-auto > li > a > span {
font: 15px Roboto,sans-serif;
font-weight: 500;
position: relative;
display: inline-block;
color: #FFFFFF80;
overflow: hidden;
padding-bottom: 5px;
padding-top: 5px;/*New added for equal space*/
}
使用 canvas.toDataURL() API 进行导出。大多数浏览器仅支持 stage.toDataURL() 和 jpg 格式。
对于 SVG 或 PDF 导出，您必须编写自己的实现。
对于 PDF 导出，您可以使用外部库生成带有来自 png 方法的图像的 PDF 文件。作为演示，请查看Saving Konva stage to PDF demo。
Konva 库中没有用于 SVG 导出的内置方法。您必须编写自己的实现。如果您使用基本形状，例如 stage.toDataURL()、Rect 和 Circle 而没有任何花哨的过滤器，那么编写此类转换应该不难，因为 SVG 规范中有类似的标记。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
