文章詳情頁
javascript - 如何讓svg標簽內的元素寬高等于svg標簽的寬高？
瀏覽：140日期：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. css3 - rem布局下，用戶瀏覽器的最小字號是12px怎么辦？2. javascript - 循環嵌套多個promise應該如何實現？3. mysql優化 - 關于mysql分區4. css - 移動端字體設置問題5. html5 - 如何實現帶陰影的不規則容器？6. vue.js - vue 打包后 nginx 服務端API請求跨域問題無法解決。7. javascript - ionic2 input autofocus 電腦成功，iOS手機鍵盤不彈出8. node.js - 在vuejs-templates/webpack中dev-server.js里為什么要exports readyPromise?9. 前端 - IE9 css兼容問題10. objective-c - iOS開發支付寶和微信支付完成為什么跳轉到了之前開發的一個app?
排行榜
網公網安備