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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章