关于SVG

SVG:Scalable Vector Graphics 

https://www.w3.org/TR/2011/REC-SVG11-20110816/paths.html#PathData (官方地址说明)

svg 的可视化编辑工具,(在线,离线) eg:在线,svg-edit. 离线: inkscape(需要下载客户端)
参考地址:svg-edit.googlecode.com/svn/branches/stable/editor/svg-editor.html

       http://svgeditor.lynms.edu.hk/

图片 svg 格式的图片之后可以在浏览器进行查看源码得到相应的path.
使用:

svg_test.xml: 放在drawable 文件夹下面

    <?xml version="1.0" encoding="utf-8"?>
    <vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="256dp"
    android:height="256dp"
    android:viewportHeight="32"
    android:viewportWidth="32">

    <!-- 转换成实际像素的时候  是 256/32 个像素-->
     <!-- width height 最好一样 不然 会出现压缩变形 -->
    <path
        android:fillColor="#0000ff"
        android:pathData="M20.5,9.5
        c-1.955,0-3.83,1.268,-4.5,3
        c-0.67,-1.732,-2.547,-3,-4.5,-3
        C8.957,9.5,7,11.432,7,14
        c0,3.53,3.793,6.257,9,11.5
        c5.207,-5.242,9,-7.97,9,-11.5
        C25,11.432,23.043,9.5,20.5,9.5z" />

    </vector>


使用:

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@drawable/svg_test" />



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值