将参数传递给 SVG <defs> <g>

Pass a parameter to SVG <defs> <g>

提问人:Pasan Madhushan 提问时间:1/27/2022 最后编辑:Pasan Madhushan 更新时间:1/27/2022 访问量:336

问:

我想在 < defs> 中重用该组。但是我需要将图像 url 从<使用>传递到<图像>在 < defs> 中。怎么做。我尝试了很多方法,但没有奏效。

<defs>
    <g  id="frame" >
      <rect  width = '200' height = '200' />
      <image href= ""/>
        </g>
  </defs>

  <use *ngFor = "let data in dataList" xlink:href = "#frame" [attr.x] = "1000" [attr.y] = "400" [attr.href] = "data.img"  transform = "scale(0.5 0.5)" transform-origin = "1100 500"/>
HTML SVG 参数传递 可重用性

评论

0赞 Robert Longson 1/27/2022
只需直接使用图像,而不是尝试这种 <use> <defs> <image> 舞蹈。即将 <use> 元素替换为 <image> 元素。
0赞 Pasan Madhushan 1/27/2022
我需要整块矩形和图像才能重复使用。
0赞 Robert Longson 1/27/2022
除非你没有,因为它是不同的图像。因此,请根据需要创建多个矩形和图像元素。
1赞 chrwahl 1/28/2022
这是不可能的。您可以做的事情是有限的,这不是其中之一。<use>

答: 暂无答案