小编D-M*_*ney的帖子

SVG 笔划线帽仅在一端

是否可以仅在笔划的一端添加线帽?不是两端都像下面示例中显示的默认值一样。

<?xml version="1.0"?>
<svg width="120" height="120" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg">

    <line stroke-linecap="butt"
      x1="30" y1="30" x2="30" y2="90"
      stroke="teal" stroke-width="20"/>

    <line stroke-linecap="round"
      x1="60" y1="30" x2="60" y2="90"
      stroke="teal" stroke-width="20"/>
          
    <path d="M30,30 L30,90 M60,30 L60,90 M90,30 L90,90" 
      stroke="white" />
</svg>
Run Code Online (Sandbox Code Playgroud)

css svg stroke

4
推荐指数
2
解决办法
3822
查看次数

标签 统计

css ×1

stroke ×1

svg ×1