文章詳情頁(yè)
javascript - 如何讓svg標(biāo)簽內(nèi)的元素寬高等于svg標(biāo)簽的寬高？
瀏覽：227日期：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. javascript - sublime快鍵鍵問(wèn)題2. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎？3. boot2docker無(wú)法啟動(dòng)4. angular.js - 單頁(yè)應(yīng)用（ng/vue）該如何監(jiān)聽(tīng)用戶離開(kāi)當(dāng)前頁(yè)面（或者路由）？5. node.js - 安裝cordova時(shí)報(bào)錯(cuò)，怎么解決？6. javascript - 如何判斷不同兩個(gè)對(duì)象觸發(fā)同一事件？7. python - django models 為生成的html元素添加樣式。8. nginx bind failed9. thinkPHP5中獲取數(shù)據(jù)庫(kù)數(shù)據(jù)后默認(rèn)選中下拉框的值，傳遞到后臺(tái)消失不見(jiàn)。有圖有代碼，希望有人幫忙10. javascript - JS new Date() 保存到 mongodb 中會(huì)早8個(gè)小時(shí)，我們這里是東八區(qū)，mongodb 保存的是格林尼治時(shí)間
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備