Question

在我的余烬应用程序中，我有一个动态路由，例如

router.js

this.resource('reports', function() {
  this.resource('type', { path: '/type/:type_id' });
});

这会给我一个复杂的网址，例如：

localhost:8080/reports/type/1234

在我的模板中，我有这个代码定义了我的clipPath

<svg class="svg-container">
  <defs>
    <clipPath id="bound" >
      <rect width="20" height="30" x="300" y="300" > </rect>
    </clipPath>
  </defs>


  <path d="M32.00000000108507,....(truncated for readability)" 
    stroke-width="2px" 
    clip-path="url(reports#type#54235231673b1b7759694bb2#bound)" 
    class="line greenline" style="stroke: rgb(192, 57, 43);">
  </path>
</svg>

剪切路径不起作用。我怀疑它与ember路由问题有关，因为简单地使URL“url（#bound）”也不起作用。有什么想法吗？

Answer 1

找出问题所在！我错误地生成了url（）属性。给出我的路线的clipPath的正确网址是

clip=path="url(reports/type/1232#bound)"

请注意使用实际网址作为资源

为什么我的剪辑路径不起作用？

1 个答案: