SVG图像使用FabricJS在Canvas上呈现的方式有所不同

Question

While loading a SVG file on a FabricJs Canvas I found out that it was rendering it with different colours than what it was actually designed for.

This is how it looks if i open it on browser. This is how it renders on the canvas.

Here is the gist of my code.

I found a similar post on SVG here where the problem was solved with removing the fill-rule="evenodd"; however that trick did not work for me.

I am struggling with this for past 2 days. Need a fresh angle on this. I would really appreciate any inputs.

Answer 1

Turns out I was using the same id two different paths. Renamed them, works fine now.