<svg width="192" height="192" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<pattern id="image1" x="0" y="0" patternUnits="userSpaceOnUse" height="192" width="192">
<image x="0" y="0" width="192" height="192" xlink:href="/url1"></image>
</pattern>
<pattern id="image2" x="0" y="0" patternUnits="userSpaceOnUse" height="192" width="192">
<image x="0" y="0" width="192" height="192" xlink:href="/url2"></image>
</pattern>
</defs>
<path d="m0,0 l0,192 l192,-192 z" fill="url(#image1)" />
<path d="M192,0 l-192,192 l192,0 z" fill="url(#image2)" />
</svg>
在上面的示例中,我使用了标识#image1
和#image2
来让路径引用模式。这对于一次性使用是可以的,但如果我要在文档中的其他位置重复此html,则所有路径将引用具有给定id的最后模式。
如何在不为模式分配ID的情况下使用SVG模式/图像填充路径?
编辑:希望有一些帮助来提高svg阻止效率。我是SVG的新手。