test SVG

SVG图形设计与模糊效果

最新推荐文章于 2025-01-16 07:31:02 发布

原创最新推荐文章于 2025-01-16 07:31:02 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

其他专栏收录该内容

1 篇文章

订阅专栏

<svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">
 <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
 <defs>
  <filter height="200%" width="200%" y="-50%" x="-50%" id="svg_3_blur">
   <feGaussianBlur stdDeviation="2.1" in="SourceGraphic"/>
  </filter>
 </defs>
 <g>
  <title>background</title>
  <rect fill="#eae425" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
  <g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
  </g>
 </g>
 <g>
  <title>Layer 1</title>
  <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_2" y2="63.4375" x2="272.5" y1="63.4375" x1="36.5" stroke-width="1.5" stroke="#000" fill="none"/>
  <rect rx="15" filter="url(#svg_3_blur)" opacity="0.63" transform="rotate(-15 270,73)" stroke-dasharray="5,2,2,2,2,2" id="svg_3" height="40" width="300" y="53" x="120" stroke-width="10" stroke="#000" fill="#fff"/>
  <rect id="svg_4" height="0" width="2" y="112.4375" x="407.5" stroke-width="1.5" stroke="#000" fill="#fff"/>
  <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_6" y2="90.4375" x2="183.5" y1="63.4375" x1="183.5" stroke-width="1.5" stroke="#000" fill="none"/>
 </g>
</svg>