如何在Konva中从字符串渲染原生SVG？

我目前遇到的问题：

• 只有Konva.Image.fromURL()能正常渲染包含多元素的原生SVG，但这个方法只能通过文件URL加载，没法直接用SVG变量来渲染
• Konva.Path用不了，因为我的SVG有多个元素，这个库没法正确解析渲染
• 不想用第三方库，一来会降低画质，二来不属于原生实现

想请教有没有办法能直接用SVG变量，无画质损失地在Konva中原生渲染出来？

可行的URL加载示例 #

Konva.Image.fromURL('./test.svg', (imageNode) => {
      layerRef.current.add(imageNode);
      imageNode.setAttrs({
        width: 150,
        height: 150,
        x: 10,
        y: 10,
      });
      layerRef.current.batchDraw();
});

这个示例可以正常运行。

我尝试的SVG变量渲染写法（无法运行） #

const svg = `<svg ... </svg>`

Konva.Image.create(svg, (imageNode) => {
      layerRef.current.add(imageNode);
       imageNode.setAttrs({
        width: 150,
        height: 150,
        x: 10,
        y: 10,
      });
      layerRef.current.batchDraw();
});

内容的提问来源于stack exchange，提问作者Nikolay Maksimovski