开始下载的svg转xml后,发现矢量图两侧填充不完整,非常影响效果
目的:
一步一步修改后如下
1.解决两边白条使其完整填充
原xml内容(图一第一张内容)
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="412dp"
android:height="340dp"
android:viewportWidth="412"
android:viewportHeight="340">
<path
android:pathData="M409,6L409,334C243.89,334 65.9,240.97 9,177.43L9,6L409,6Z"
android:fillColor="#162238"
android:fillType="evenOdd"/>
</vector>
原图:
主要关注android:pathData="M409,6L409,334C243.89,334 65.9,240.97 9,177.43L9,6L409,6Z"
M409,6L409,334:从到(x轴409)(y轴6)处,移动到(x轴409)(y轴6+334)处
我们的图片宽度为412,高度为340
即修改为M412,0L412,334即可解决右侧的空白
最终效果:请自行对比变化
android:pathData="M412,0L412,334C243.89,334 65.9,240.97 0,177.43L0,0L409,0Z"
Linshao,安安静静当一颗卷白菜,又卷又菜。
项目地址: