我正在嘗試創建一個波浪形 SVG 來分隔登錄頁面的英雄部分和其他部分。這樣做時，我注意到 SVG 顯示的比路徑本身大得多（這是波浪部分）。如何洗掉下面多余的空白部分，以便 SVG 僅具有包含波浪的足夠大小？我在下面添加了一個帶有紅色邊框的代碼片段，以顯示下面的冗余空白。
svg {
border: 1px solid red;
}<svg viewBox="0 0 500 500" background="red">
<path d="M0,50 C100,150 250,0 500,70 L500,00 L0,0 Z"></path>
</svg>謝謝！
uj5u.com熱心網友回復：
只需更改視圖框值
svg {
border: 1px solid red;
}<svg viewBox="0 40 500 70" background="red">
<path d="M0,50 C100,150 250,0 500,70 L500,00 L0,0 Z"></path>
</svg>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/411705.html
標籤：
上一篇：SVG影片虛線邊框路徑，如進度條