文章詳情頁
javascript - 如何讓svg標簽內的元素寬高等于svg標簽的寬高？
瀏覽：112日期：2023-06-20 10:01:35
問題描述
我的svg標簽外面用一個p盒子包裹，svg設置寬高為外面盒子寬高的100%，修改p盒子的寬高，此時svg的寬高始終和p盒子一樣，但是svg里面的path標簽的寬高卻和svg不一樣，如圖
怎么讓svg里面的元素整體寬高等于svg寬高？是通過css還是js？像下面這樣
問題解答
回答1：給svg標簽設置preserveAspectRatio='none'就可以了，具體可以參考張鑫旭的博客的這篇文章http://www.zhangxinxu.com/wor...
回答2：https://css-tricks.com/scale-...
標簽：
JavaScript
相關文章：
1. 視頻文件不能播放，怎么辦？2. 前端 - 誰來解釋下這兩個 CSS selector 區別3. javascript - 求幫助 , ATOM不顯示界面!!!!4. javascript - ios返回不執行js怎么解決？5. python - 爬蟲模擬登錄后，爬取csdn后臺文章列表遇到的問題6. html5 - HTML代碼中的文字亂碼是怎么回事？7. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?8. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處9. javascript - vue2如何獲取v-model變量名10. javascript - angular使從elastichearch中取出的文本高亮顯示，如圖所示
排行榜
網公網安備