SVG中的填充部分（位图）被翻转和镜像

Question

我想用jpg或png图像完全填充SVG路径。我发现这个答案非常有用（Crop to fit an svg pattern），但这似乎不适用于更复杂的路径。它适用于rect和circle :-)。将此代码应用于路径时，它会颠倒和镜像显示jpg图像。在几个浏览器中。

可以在http://www.paulvanroekel.nl/specials/colourmyvm/test.html

看到此行为

有什么想法吗？

Answer 1

解决方法是删除不必要的比例和变换代码，并改变＆＃34; M＆＃34;的坐标。 （绝对）到＆＃34; m＆＃34;相对的。这就是诀窍。基本上我在Inkscape中再次编辑了svg文件，并将其保存为正常的SVG。