是否可以在 SVG 元素的笔划上使用背景图像?

2023-12-14

正如问题所问 - 我试图弄清楚是否可以使用某种图案或重复的背景图像作为 SVG 路径的笔画。

这可行吗?或者您仅限于颜色?

TIA!


您可以使用<pattern>作为中风,例如

    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <defs>
        <pattern id="p1" patternUnits="userSpaceOnUse" width="32" height="32">
          <image xlink:href="http://phrogz.net/tmp/alphaball-small.png" width="32" height="32" />
        </pattern>
      </defs>
      <rect stroke-width="32" stroke="url(#p1)" width="200" height="200" fill="none"/>
    </svg>

该模式可以包含<svg>绘制元素或(如此处)图像,或两者兼而有之。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

是否可以在 SVG 元素的笔划上使用背景图像? 的相关文章

随机推荐