您的位置:首页技术文章
文章详情页

javascript - 如何让svg标签内的元素宽高等于svg标签的宽高?

浏览:27日期:2023-06-20 10:01:35

问题描述

我的svg标签外面用一个p盒子包裹,svg设置宽高为外面盒子宽高的100%,修改p盒子的宽高,此时svg的宽高始终和p盒子一样,但是svg里面的path标签的宽高却和svg不一样,如图javascript - 如何让svg标签内的元素宽高等于svg标签的宽高?javascript - 如何让svg标签内的元素宽高等于svg标签的宽高?javascript - 如何让svg标签内的元素宽高等于svg标签的宽高?怎么让svg里面的元素整体宽高等于svg宽高?是通过css还是js?像下面这样javascript - 如何让svg标签内的元素宽高等于svg标签的宽高?javascript - 如何让svg标签内的元素宽高等于svg标签的宽高?

问题解答

回答1:

给svg标签设置preserveAspectRatio='none'就可以了,具体可以参考张鑫旭的博客的这篇文章http://www.zhangxinxu.com/wor...

回答2:

https://css-tricks.com/scale-...

标签: JavaScript
相关文章: