SVG clipPath矩形剪裁示意实例页面

回到相关文章 »

代码：

SVG代码：
<svg>
    <defs>
      <clipPath id="clipPath">
          <rect x="0" y="0" width="80" height="80" />
      </clipPath>
    </defs>
    <circle cx="60" cy="60" r="50" fill="#34538b" clip-path="url(#clipPath)" />
</svg>

效果：