调整图像大小以适合圆形 SVG 路径

尝试使用 SVG 路径从图像中剪切圆形部分时，这一点很重要以确保正确对齐。如果图像不太适合，可能是由于 SVG 蒙版的大小或位置不正确。

这里有一种实现所需结果的替代方法：

使用增强SVG 蒙版：

此方法使用 SVG 蒙版创建一个圆孔，在其中显示图像：

说明：

• #hole：定义包含两个圆圈（一白一黑）的 SVG 蒙版。白色圆圈代表要显示的区域，而黑色圆圈创建一个遮罩来隐藏圆圈之外的区域。
• #img：SVG 模式使用图像定义模式。 patternUnits="userSpaceOnUse" 属性确保图案拉伸以适合其所应用的形状。
• rect 元素使用 #img 图案填充整个 SVG 容器，并应用 #hole 蒙版以显示圆形切口。

使用这种增强的方法，图像现在应该正确地适合圆形 SVG 蒙版。