javascript - 如何讓svg標籤內的元素寬高等於svg標籤的寬高？

Question

我的svg標籤外面用一個p盒子包裹，svg設定寬高為外面盒子寬高的100%，修改p盒子的寬高，此時svg的寬高始終和p盒子一樣，但是svg裡面的path標籤的寬高卻跟svg不一樣，如圖

########### ##怎麼讓svg裡面的元素整體寬高等於svg寬高？是透過css還是js？像下面這樣###########################

Answer 1

給svg標籤設定preserveAspectRatio="none"就可以了，具體可以參考張鑫旭的部落格的這篇文章
http://www.zhangxinxu.com/wor...

Answer 2

https://css-tricks.com/scale-...