最近在进行界面绘制的时候,美工提供过来的图是svg格式,一开始觉得这样也好,但是在用的时候就发现了问题,设置了容器样式的宽高都是100%,容器高度也是能撑开的,但是svg图片不能进行宽高的拉伸将容器铺满,查了一下才知道svg中需要这个属性preserveAspectRatio="none meet"同时也要注意的是svg的widthheight也得是100%。见下图:在这里插入图片描述
补充使用linearGradient渐变失效的问题,需要在linearGradient上添加gradientUnits="userSpaceOnUse",否则渐变线条看不见

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐