pattern笔刷填充元素无fill,有stroke,填充内容全被stroke占满

来源:3-3 SVG-使用笔刷

丿有点丶小情绪丨

2019-12-01 15:20

<g transform="translate( 100, 500 )">
  <defs>
    <pattern height=".5" id="pattern1"
             patternContentUnits="objectBoundingBox"
             patternUnits="objectBoundingBox" width=".5">
      <circle cx=".25" cy=".25" fill="red" r=".25" ></circle>
      <!--如果使用fill为none,stroke会占满整个填充-->
      <!--<circle cx=".25" cy=".25" fill="none" r=".25" stroke="gray" ></circle>-->
    </pattern>
  </defs>
  <rect fill="url(#pattern1)" height="100" width="100" stroke="rgba(0, 0, 0, .4)"></rect>
</g>

# 上面的pattern如果使用的circle的fill设置为none,stroke设置了之后无论如何,纹理全被stroke颜色填充

填空就不能使用圆形边框填空吗?
还请高人解答

写回答 关注

2回答

  • 慕梦前来
    2021-12-18 12:22:28

    不能用,要用fillstyle

  • 慕梦前来
    2021-10-14 18:24:26

    这个画得有点大了吧

走进SVG

SVG是HTML5 中矢量图的标记语言,学习后掌握更多的干货

52638 学习 · 213 问题

查看课程

相似问题