SVG不能铺满的问题
最近在进行界面绘制的时候,美工提供过来的图是svg格式,一开始觉得这样也好,但是在用的时候就发现了问题,设置了容器样式的宽高都是100%,容器高度也是能撑开的,但是svg图片不能进行宽高的拉伸将容器铺满,查了一下才知道svg中需要这个属性preserveAspectRatio="none meet"同时也要注意的是svg的width和height也得是100%。见下图:...
·
最近在进行界面绘制的时候,美工提供过来的图是svg格式,一开始觉得这样也好,但是在用的时候就发现了问题,设置了容器样式的宽高都是100%,容器高度也是能撑开的,但是svg图片不能进行宽高的拉伸将容器铺满,查了一下才知道svg中需要这个属性preserveAspectRatio="none meet"
同时也要注意的是svg的width
和height
也得是100%。见下图:
补充使用linearGradient
渐变失效的问题,需要在linearGradient
上添加gradientUnits="userSpaceOnUse"
,否则渐变线条看不见
更多推荐
已为社区贡献1条内容
所有评论(0)