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

问题描述

问 题

我的svg标签外面用一个div盒子包裹，svg设置宽高为外面盒子宽高的100%，修改div盒子的宽高，此时svg的宽高始终和div盒子一样，但是svg里面的path标签的宽高却和svg不一样，如图



怎么让svg里面的元素整体宽高等于svg宽高？是通过css还是js？像下面这样

解决方案

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

这篇关于javascript - 如何让svg标签内的元素宽高等于svg标签的宽高？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！