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

前端之家收集整理的这篇文章主要介绍了css – 是否可以在SVG元素的笔划上使用背景图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
就像问题一样 – 我正在试图弄清楚是否可以使用某种模式或重复的背景图像来处理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>绘制元素或(如此处)图像或两者.

原文链接:https://www.f2er.com/css/217825.html

猜你在找的CSS相关文章