SVG 裁剪

裁剪

<svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" fill="red" />
</svg>

<svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <clipPath id="cut-bottom">
      <rect x="0" y="0" width="200" height="50" />
    </clipPath>
  </defs>
  <circle cx="100" cy="100" r="100" fill="red" clip-path="url(#cut-bottom)" />
</svg>