文章詳情頁
javascript - 如何讓svg標簽內(nèi)的元素寬高等于svg標簽的寬高？
瀏覽：118日期：2023-06-20 10:01:35
問題描述
我的svg標簽外面用一個p盒子包裹，svg設(shè)置寬高為外面盒子寬高的100%，修改p盒子的寬高，此時svg的寬高始終和p盒子一樣，但是svg里面的path標簽的寬高卻和svg不一樣，如圖
怎么讓svg里面的元素整體寬高等于svg寬高？是通過css還是js？像下面這樣
問題解答
回答1：給svg標簽設(shè)置preserveAspectRatio='none'就可以了，具體可以參考張鑫旭的博客的這篇文章http://www.zhangxinxu.com/wor...
回答2：https://css-tricks.com/scale-...
標簽：
JavaScript
相關(guān)文章：
1. javascript - JS設(shè)置Video視頻對象的currentTime時出現(xiàn)了問題,IE,Edge,火狐,都可以設(shè)置,反而chrom卻...2. java固定鍵值轉(zhuǎn)換，使用枚舉實現(xiàn)字典？3. css - ionic中的柵格布局如何讓文字內(nèi)容多少不同的每一列中的內(nèi)容都能垂直居中？4. java - 我設(shè)置了cookie的max age，但是cookie依然在關(guān)閉游覽器后消失了5. 如何為每個應用程序配置tomcat 6的logs / catalina.out。（為sys.out，sys.err配置Web應用程序特定的日志文件）6. php自學從哪里開始？7. phpstady在win10上運行8. 求大神幫我看看是哪里寫錯了 感謝細心解答9. Python, for-else, while-else是否造成了語義歧義 ( 增加心智負擔 )?10. 這是什么情況？？？
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備