LogoSVG编辑器- 前端处理复杂圆角多边形解决方案

图片

背景设置

上传背景图片

点击上传图片

支持 JPG、PNG、GIF 等格式

顶点 1
顶点 2
顶点 3
顶点 4

实时预览

实时预览

450 × 450px

代码

SVG 代码

<svg width="450" height="450" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#6366f1" />
      <stop offset="50%" stop-color="#8b5cf6" />
      <stop offset="100%" stop-color="#d946ef" />
    </linearGradient>
  </defs>
  <polygon points="10,10 90,10 90,90 10,90"
           fill="url(#gradient)"
           stroke="#3b82f6"
           stroke-width="0.5" />
</svg>