用html svg画个正方形和4分之1圆的差集部分

以下是使用HTML SVG绘制一个正方形和四分之一圆的差集部分的示例代码：

<svg width="100" height="100">
  <rect x="10" y="10" width="80" height="80" fill="blue" />
  <path d="M90,50 A40,40 0 0,0 50,10 L50,50 L90,50 Z" fill="white" />
</svg>

解释一下上面的代码：

• <svg> 标签用于创建 SVG 元素的容器。
• width 和 height 属性指定 SVG 元素的宽度和高度。
• <rect> 标签用于绘制一个矩形，它的 x 和 y 属性指定左上角的坐标，width 和 height 属性指定宽度和高度，fill 属性指定填充色。
• <path> 标签用于绘制任意形状的路径。它的 d 属性指定路径的描述，这里使用了两个命令：M（移动到指定位置）和 A（绘制圆弧）。具体来说，M90,50 表示将当前点移动到坐标 (90,50)，A40,40 0 0,0 50,10 表示从当前点开始绘制一个半径为 40 的圆弧，圆心坐标为 (50,10)，终点坐标为 (50,50)。最后，L50,50 L90,50 Z 表示绘制两条直线和一个闭合路径，使这个图形成为一个四分之一圆形的切片。fill 属性设置为白色，以便将其与蓝色正方形形成差集。