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

Question

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

这个行为可以在http://www.paulvanroekel.nl/specials/colourmyvm/test.html看到

有什么想法吗？

Answer 1

通过删除不必要的比例和变换代码以及将“M”（绝对）坐标更改为“m”相对坐标来解决。那成功了。基本上我在 Inkscape 中再次编辑了 svg 文件并将其保存为普通的 SVG。