Image 如何在每次使用时在svg模式中设置不同的xlink:href

我在一个数组中复制了一个svg六边形七次，每个六边形都填充了一个模式中的图像，如下所示：

<svg xmlns="http://www.w3.org/2000/svg" height="390" width="375">
  <defs>
    <polygon id="hex" points="150,65 112.5,130 37.5,130 0,65 37.5,0 112.5,0" fill="url('#image-bg')" />
     <pattern id="image-bg" x="0" y="0" height="150" width="150" patternUnits="userSpaceOnUse">
       <image width="150" height="150" xlink:href="http://placekitten.com/150/150"></image>
    </pattern>
  </defs>
  <use xlink:href="#hex" x="112.5" y="0"><title>Cat 1</title></use>
  <use xlink:href="#hex" x="0" y="65"><title>Cat 2</title></use>
  <use xlink:href="#hex" x="225" y="65"><title>Cat 3</title></use>
  <use xlink:href="#hex" x="112.5" y="130"><title>Cat 4</title></use>
  <use xlink:href="#hex" x="0" y="195"><title>Cat 5</title></use>
  <use xlink:href="#hex" x="225" y="195"><title>Cat 6</title></use>
  <use xlink:href="#hex" x="112.5" y="260"><title>Cat 7</title></use>
</svg>

第一类
第2类
第3类
第四类
第五类
第六类
第7类

---

我是否可以在

use

标记中设置属性或其他内容（或设置嵌套在use标记中的标记），以便为每个六边形指定不同的图像？或者我必须为每个图像重复整个

标记吗？

不，如果需要，您使用的是不适当的。只是不同的多边形。也就是说，重复这个模式。谢谢。只是尽量避免重复svg的高度、宽度和模式单位部分，因为所有图像的高度、宽度和模式单位都是相同的。似乎可以用不同的值替换

xlink:href

部分更简洁，因为我将有数百个这样的部分，最终你可以拥有一个模板模式，通过使用模式元素的xlink:href功能指向一个空的模式模板来节省一些输入。