多層SVG嵌套,通過viewBox放大外層SVG時內層會逐漸消失。

問題: 多層SVG嵌套使用時候,通過設置viewBox控制最外層SVG的縮放,內層會跟着縮放,但是放大到一定程度,內層會逐漸消失。 原因: 內層沒有設置高寬!!! 高寬默認100%,隨外層的縮放也在變化,導致外層放大到一定程度,外層高寬小於內層原始高寬,超過部分被遮蔽。 效果對比圖: 內層SVG的原始高寬,可用Ai軟件打開(文檔設置-編輯畫板)查閱。
相關文章
相關標籤/搜索