文章詳情頁(yè)
javascript - 如何讓svg標(biāo)簽內(nèi)的元素寬高等于svg標(biāo)簽的寬高？
瀏覽：100日期：2023-06-20 10:01:35
問(wèn)題描述
我的svg標(biāo)簽外面用一個(gè)p盒子包裹，svg設(shè)置寬高為外面盒子寬高的100%，修改p盒子的寬高，此時(shí)svg的寬高始終和p盒子一樣，但是svg里面的path標(biāo)簽的寬高卻和svg不一樣，如圖
怎么讓svg里面的元素整體寬高等于svg寬高？是通過(guò)css還是js？像下面這樣
問(wèn)題解答
回答1：給svg標(biāo)簽設(shè)置preserveAspectRatio='none'就可以了，具體可以參考張?chǎng)涡竦牟┛偷倪@篇文章http://www.zhangxinxu.com/wor...
回答2：https://css-tricks.com/scale-...
標(biāo)簽：
JavaScript
相關(guān)文章：
1. atom開(kāi)始輸入！然后按tab只有空格出現(xiàn)沒(méi)有html格式出現(xiàn)2. javascript - js setTimeout在雙重for循環(huán)中如何使用？3. javascript - vue-cli npm run build編譯報(bào)錯(cuò)4. mysql - 這種分級(jí)一對(duì)多，且分級(jí)不平衡的模型該怎么設(shè)計(jì)表？5. mac里的docker如何命令行開(kāi)啟呢？6. javascript - 有適合開(kāi)發(fā)手機(jī)端Html5網(wǎng)頁(yè)小游戲的前端框架嗎？7. java - 創(chuàng)建maven項(xiàng)目失敗了 求解決方法8. python - pip install出現(xiàn)下面圖中的報(bào)錯(cuò) 什么原因？9. java - 線上應(yīng)用，如果數(shù)據(jù)庫(kù)操作失敗的話應(yīng)該如何處理？10. php - MySQL數(shù)據(jù)庫(kù)設(shè)計(jì)，獲取點(diǎn)贊的人數(shù)
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備