SVG模式不适用于AngularJS $ routeProvider

Question

我正在使用AngularJS来处理使用SVG的网站中的路线。 通过$ routeProvider，我只需将模板“/test_folder/test.html”分配给路径“/ test”

问题在于，当我使用假网址时，即使图像绝对网址是正确的，图案元素也会停止渲染。实际上，图像元素在图案元素之外正常工作。

这是我用来测试Snap.svg.js库模式的代码。

<svg id="test-svg" width="500" height="500"></svg>  
<script>
var s = Snap("#test-svg");

// creates the pattern element
var imagePattern = s.image('/img/test.png', 30, 30, 200, 180);
var pattern = imagePattern.toPattern(30, 30, 200, 180);

// creates the path filled with the image pattern
var path = s.path("M30,30 200,180 30,180").attr({
    fill: pattern,
    stroke: "#000",
    strokeWidth: 3});

// another image element to test that the image url is working
var image = s.image('/img/test.png', 200, 200, 200, 150);
</script>

我可以使用真实地址和虚假地址到达测试页面，但模式元素仅适用于第一种情况。

在我的.htaccess中，我几乎没有将所有不存在的路径重定向到angularjs $ routeProvider的规则。

有人可以解释一下为什么会出现这种错误吗？有可能解决吗？