美文网首页
svg画一个有缺口的边框

svg画一个有缺口的边框

作者: 路尔轩 | 来源:发表于2019-08-27 14:51 被阅读0次
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
      <path fill="none" x="258" y="10" r="11" stroke="#ff0000" d="M258 10 A11 11 0 1 1 258 54" stroke-width="2" />
      <path d="M32 10 l 20 0" stroke="#ff0000" stroke-width="2" fill="none" />
      <path d="M100 10 l 160 0" stroke="#ff0000" stroke-width="2" fill="none" />
      <path fill="none" x="32" y="10" r="11" stroke="#ff0000" d="M32 10 A11 11 0 1 0 32 54 " stroke-width="2" />
      <path d="M32 54 l 226 0" stroke="#ff0000" stroke-width="2" fill="none" />
      <rect x="10" y="10" rx="22" ry="22" width="270" height="44" style="fill:pink;fill-opacity:0.3;"/>
    </svg>
    
    image.png

    相关文章

      网友评论

          本文标题:svg画一个有缺口的边框

          本文链接:https://www.haomeiwen.com/subject/sfseectx.html