文章詳情頁
javascript - 如何讓svg標(biāo)簽內(nèi)的元素寬高等于svg標(biāo)簽的寬高？
瀏覽：123日期：2023-06-20 10:01:35
問題描述
我的svg標(biāo)簽外面用一個(gè)p盒子包裹，svg設(shè)置寬高為外面盒子寬高的100%，修改p盒子的寬高，此時(shí)svg的寬高始終和p盒子一樣，但是svg里面的path標(biāo)簽的寬高卻和svg不一樣，如圖
怎么讓svg里面的元素整體寬高等于svg寬高？是通過css還是js？像下面這樣
問題解答
回答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. 跨類調(diào)用后，找不到方法2. 編輯成功不顯示彈窗3. sql語句 - 如何在mysql中批量添加用戶？4. 在應(yīng)用配置文件 app.php 中找不到’route_check_cache’配置項(xiàng)5. mysql - 表名稱前綴到底有啥用？6. 為什么php修改數(shù)據(jù)無法同步到數(shù)據(jù)庫，只是當(dāng)前頁面修改成功？7. 哭遼 求大佬解答 控制器的join方法怎么轉(zhuǎn)模型方法8. 怎么php怎么通過數(shù)組顯示sql查詢結(jié)果呢，查詢結(jié)果有多條，如圖。9. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語法實(shí)現(xiàn)存在即更新應(yīng)該使用哪個(gè)標(biāo)簽?10. wamp中的mySQL可以單獨(dú)使用嗎
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備