SVG stroke 属性

SVG提供了一个范围广泛stroke 属性。在本章中，我们将看看下面：

stroke

stroke-width:属性定义了一条线，文本或元素轮廓厚度

stroke-linecap:属性定义不同类型的开放路径的终结

stroke-dasharray:属性用于创建虚线

所有stroke属性，可应用于任何种类的线条，文字和元素就像一个圆的轮廓。

SVG stroke 属性

Stroke属性定义一条线，文本或元素轮廓颜色：

下面是SVG代码：

实例

svg stroke 代码
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 浅谈SVG
    一、什么是SVG？ SVG指可伸缩矢量图形（Scalable Vector Graphics）； SVG用来定义用...
    清心挽风阅读 5,221评论 1赞 3
  • HTML5之SVG
    SVG API： SVG是一种可缩放矢量图形，一种二维图形表示语言 与canvas不同的是，在浏览器的开发工具中能...
    Iris_mao阅读 4,624评论 0赞 5
  • 面对一份自己不喜欢的职业，如何提升职场竞争力？
    如果初入职场的你做着一份自己不喜欢的工作，你会如何面对？ 自怨自艾，抱怨没有好的机会，社会的不公平，甚至自暴自弃？...
    小瓶子和小苹果阅读 5,375评论 4赞 6
  • 垂柳
    炎热的夏日似汗蒸房 一匹小狗吐着红舌头 匍伏在路边喘息 碧绿的垂柳纹丝不动 袅娜的身姿 遮挡住火辣辣的毒日头 额头...
    燕山松阅读 2,990评论 11赞 7
  • workplace游戏引导师小技巧
    1、如何解读规则 桌游规则很多，但是目的只有一个，就是让大家玩起来 所以在解读的时候可以遵循以下顺序和原则： 1）...
    Daisy7766阅读 1,950评论 0赞 0