SVG之画家模型

SVG的渲染模型是画家模型

fill and stroke

fill属性

fill属性用于填充,默认填充黑色,如果不想要填充,可以将其设置为 none。还可以设置为 currentColor 关键词,这会让内联的 svg 与周围的 html 文本颜色协调或者为重复使用的内容提供一个间接继承的值。

相关属性:

  • fill-opacity 设置透明度
  • fill-rule
    • evenodd 边缘线分割图形的内部与外部
    • nonzero 默认值,倾向于 “得到更多的内部空间”

stroke属性

svg
作者:Kart Jim
链接:https://github.com/can-dy-jack/delicate/2023/02/09/svg/svg1/
来源:Hexo
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 许可协议。著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
长风破浪会有时,直挂云帆济沧海