Reactjs 将画布从React Konva导出到SVG&;PDF?

Reactjs 将画布从React Konva导出到SVG&;PDF?,reactjs,canvas,html5-canvas,konvajs,react-konva,Reactjs,Canvas,Html5 Canvas,Konvajs,React Konva,目前,我只能使用jpeg和png导出,如: stageRef.current?.getStage().toDataURL({mimeType:'image/jpeg',质量:1}) stageRef.current?.getStage().toDataURL({mimeType:'image/png',质量:1}) 我想将画布导出到svg以及pdf,就像这样 我知道是什么导致了这场战争。在那里,他们编写了application/pdf&image/svg+xml应该可以工作,但当我这样做时,我

目前,我只能使用
jpeg
png
导出,如:

stageRef.current?.getStage().toDataURL({mimeType:'image/jpeg',质量:1})
stageRef.current?.getStage().toDataURL({mimeType:'image/png',质量:1})
我想将画布导出到
svg
以及
pdf
,就像这样

我知道是什么导致了这场战争。在那里,他们编写了
application/pdf
&
image/svg+xml
应该可以工作,但当我这样做时,我仍然得到了
.png
图像

有没有办法从Konva的Canvas中实现
.svg
&
.pdf

stage.toDataURL()
用于导出。大多数浏览器只支持
jpg
png
格式

对于SVG或PDF导出,您必须编写自己的实现

对于PDF导出,您可以使用外部库从
stage.toDataURL()
方法生成带有图像的PDF文件。作为演示,请查看


Konva库中没有用于SVG导出的内置方法。您必须编写自己的实现。如果您使用基本形状,如
Rect
Circle
Text
,而不使用任何奇特的过滤器,那么编写这样的转换应该不难,因为SVG规范中有类似的标记。

无论如何都可以导出为
.jpg
,而不是
.jpeg