webview 中 svg的坑

在这里不会详细介绍如何绘制svg图片，是讲一个很小的bug，看图

在这张图中，上面带有纹理和弧度的图片，原本是直接切了一张png的图片，但是由于是在app的登录注册的首页，那么这个35k的图片就会非常影响首页的展示效果，耗费时间，那么怎么做呢？

然后就像着，把后面的纹理切成一个GIF的图片，作为背景图后repeat，那么纹理就OK了。那么那个弧度呢？也还是切图吗？

NO!NO!NO!

我们这个时候就可以用svg了，利用svg绘制简单的如下的白色矩形凹槽的图片。

<svg id="svg" width="200" height="50">这样确实可以绘制成svg了，但是设置的宽度和高度是给定的px值，那么如何让其能适应不同手机屏幕的大小呢？

        
 
        
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
        

        
原标题：webview 中 svg的坑
        
关键词：web