文章詳情頁(yè)
javascript - 如何讓svg標(biāo)簽內(nèi)的元素寬高等于svg標(biāo)簽的寬高？
瀏覽：219日期：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. 我在centos容器里安裝docker，也就是在容器里安裝容器，報(bào)錯(cuò)了？2. docker-compose中volumes的問(wèn)題3. docker不顯示端口映射呢？4. golang - 用IDE看docker源碼時(shí)的小問(wèn)題5. 在windows下安裝docker Toolbox 啟動(dòng)Docker Quickstart Terminal 失敗！6. docker容器呢SSH為什么連不通呢？7. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問(wèn)題！！8. mac里的docker如何命令行開(kāi)啟呢？9. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件10. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備