用html svg画个正方形和4分之1圆圆弧部分靠右上角宽高和正方形一样取他两的差集部分

以下是用html svg画正方形和4分之1圆圆弧部分靠右上角，以及取两者差集部分的代码：

<svg width="100" height="100">
  <!-- 画正方形 -->
  <rect x="0" y="0" width="50" height="50" fill="#ffcc00"/>
  <!-- 画4分之1圆圆弧 -->
  <path d="M 50 0 A 50 50 0 0 1 100 50 L 50 50 Z" fill="#00ccff"/>
  <!-- 取两者差集部分 -->
  <path d="M 50 0 L 100 0 L 100 50 A 50 50 0 0 0 50 0" fill="#ff0000"/>
</svg>

解释：

• <svg> 标签定义一个 SVG 图形。
• width 和 height 属性设置 SVG 图形的宽度和高度。
• <rect> 标签用于画矩形，其中 x 和 y 属性定义了矩形的左上角坐标，width 和 height 属性定义了矩形的宽度和高度，fill 属性定义了矩形的填充颜色。
• <path> 标签用于画路径，其中 d 属性定义了路径的形状。M 表示移动到起始点，A 表示画圆弧，L 表示画直线，Z 表示闭合路径。50 0 是起始点坐标，A 50 50 0 0 1 100 50 是画一个半径为50的圆弧，L 50 50 画一条直线，Z 表示闭合路径。
• 取两者差集部分的方式是：首先画一个矩形和一个圆弧，然后用一个路径画出两者差集部分。具体来说，就是先从矩形的右上角开始画一条直线到圆弧的起始点，然后沿着圆弧画一条弧线，再画一条直线到矩形的左上角，最后闭合路径。由于路径是填充颜色，因此取差集部分的部分会被填充为红色。