使用 FabricJS 在 Canvas 上呈现不同的 SVG 图像答案

【问题标题】：SVG image renders differently on Canvas with FabricJS使用 FabricJS 在 Canvas 上呈现不同的 SVG 图像
【发布时间】：2016-10-23 21:20:49
【问题描述】：

在 FabricJs Canvas 上加载 SVG 文件时，我发现它渲染的颜色与实际设计的颜色不同。

This 是我在浏览器上打开它时的样子。 This 是它在画布上的呈现方式。

Here 是我的代码的要点。

我在 SVG here 上找到了一个类似的帖子，通过删除 fill-rule="evenodd"; 解决了问题。但是这个技巧对我不起作用。

过去 2 天我一直在为此苦苦挣扎。在这方面需要一个新的角度。我真的很感激任何意见。

【问题讨论】：

【解决方案1】：

原来我在两个不同的路径中使用相同的 id。重命名它们，现在可以正常工作了。

【讨论】：