調整圖像大小以適合圓形SVG 路徑

嘗試使用SVG 路徑從圖像中剪切圓形部分時，這一點很重要以確保正確對齊。如果圖像不太適合，可能是由於 SVG 蒙版的大小或位置不正確。

這裡有一個實現所需結果的替代方法：

使用增強SVG 蒙版：

此方法使用SVG 蒙版創建一個圓孔，其中顯示影像：

說明：

• #hole：定義包含兩個圓圈（一白一黑）的 SVG 遮罩。白色圓圈代表要顯示的區域，而黑色圓圈會建立一個遮罩來隱藏圓圈之外的區域。
• #img：SVG 模式使用影像定義模式。 patternUnits="userSpaceOnUse" 屬性可確保圖案拉伸以適合其所應用的形狀。
• rect 元素使用 #img 圖案填滿整個 SVG 容器，並套用 #hole 遮罩以顯示圓形切口。

使用這種增強的方法，圖像現在應該正確地適合圓形 SVG 蒙版。