Vector矢量图在Android项目中的应用越来越广泛,但是如果你想用Android Studio自带的工具将SVG图片转化成Vector资源文件却是相当麻烦,首先能支持的SVG规范较少,其次操作流程麻烦。而另一种方式就是通过http://inloop.github.io/svg2android/ 这个网站转换,虽然支持的SVG规范较多,但是访问速度较慢且操作起来相当麻烦,最重要的是没有预览功能。这里,给大家安利SVG-Android框架下的几个小工具,可以辅助开发者更加便捷地使用SVG图片。

这几款工具,都是基于SVG-Android核心库开发,相比于其它几种方式具有以下几种特性:

  • 支持更多的SVG规范,具体可以参考:SVG-Android支持规范文档

  • 支持处理svg格式和svgz格式的矢量图片

  • 独立的Java轻量级小程序,支持离线运行

  • 源码公开,如果有问题和建议,欢迎随时联系,尽快更新处理


一、SVG2Vector批量工具

首先,源码地址:https://github.com/MegatronKing/SVG-Android/tree/master/svg-vector-cli

其次,下载地址:http://download.csdn.net/detail/megatronkings/9732864

示例1

java -jar svg2vector-cli-1.0.0.jar -d D:\svg -o D:\vector

表示批量将svg目录下面的svg或者svgz格式的图片转换成Android使用的vector资源文件并输出到vector目录下

示例2

java -jar svg2vector-cli-1.0.0.jar -f D:\svg\test.svg -o D:\vector\test.xml

表示将单个名为test.svg的svg格式图片转换成Android使用的vector资源文件为test.xml

更多命令:

  • [-d] 指定需转换的目标svg文件夹,用于批量处理
  • [-f] 指定需转换的单个目标svg文件,用于单独处理
  • [-o] 指定生成vector资源文件的输出目录
  • [-w] 指定生成vector资源文件的宽度
  • [-h] 指定生成vector资源文件的高度

一、SVG2Vector编辑预览工具

这是一款Java Applet可视化小程序,支持快速处理svg或者svgz格式图片生成vector的转换,并且支持编辑以及预览生成的vector资源文件图片。

首先,源码地址:https://github.com/MegatronKing/SVG-Android/tree/master/svg-vector-applet

其次,下载地址:http://download.csdn.net/detail/megatronkings/9732869

使用步骤:

1、启动工具

java -jar svg2vector-applet-1.0.0.jar

2、拖动svg、svgz、vector文件到应用或者点击文件按钮选择指定文件

3、如果打开的是svg或者svgz文件,将会自动生成vector代码,并可在右侧预览图片内容

4、如果对图片样式属性不满意,可以修改一下

5、点击“文件->保存”,或者快捷键Ctrl+S 保存最终的vector文件


本博客不定期持续更新,欢迎关注和交流:

http://blog.csdn.net/megatronkings

SVG-Android开源库——SVG生成Vector资源文件的编辑预览工具的更多相关文章

  1. GitHub上排名前100的Android开源库介绍(来自github)

    本项目主要对目前 GitHub 上排名前 100 的 Android 开源库进行简单的介绍,至于排名完全是根据 GitHub 搜索 Java 语言选择 (Best Match) 得到的结果,然后过滤了 ...

  2. GitHub Top 100的Android开源库

    摘要: 本项目主要对目前 GitHub 上排名前 100 的 Android 开源库进行简单的介绍, 至于排名完全是根据GitHub搜索Java语言选择「Best M... 本项目主要对目前 GitH ...

  3. 【Java&Android开源库代码分析】のandroid-async-http の开盘

          在<[Java&Android开源库代码剖析]のandroid-smart-image-view>一文中我们提到了android-async-http这个开源库,本文正 ...

  4. Android 开源库和项目 3

    Android 开源库和项目 Android 开源库和项目 2 1.Matisse Android 图片选择器 -- 知乎开源 github 地址:https://github.com/zhihu/M ...

  5. Android 开源库获取途径整理

    介绍眼下收藏 Android 开源库比較多的 GitHub 项目.站点.Twitter.App 及怎样获取最新的 Android 开源库. 微信号: 1. GitHub Android 开源项目汇总 ...

  6. 我的Android进阶之旅】GitHub 上排名前 100 的 Android 开源库进行简单的介绍

    GitHub Android Libraries Top 100 简介 本文转载于:https://github.com/Freelander/Android_Data/blob/master/And ...

  7. <Android开源库 ~ 1> GitHub Android Libraries Top 100 简介

    转载自GitHub Android Libraries Top 100 简介 本项目主要对目前 GitHub 上排名前 100 的 Android 开源库进行简单的介绍, 至于排名完全是根据 GitH ...

  8. GitHub上排名前100的Android开源库介绍

    GitHub上排名前100的Android开源库介绍 文章来源: http://www.open-open.com/news/view/1587067#6734290-qzone-1-31660-bf ...

  9. Qt之生成Window资源文件(.rc 文件)

    简述 qmake 可以随意地自动生成一个适当填充的 Windows 资源文件.本节主要讲解如何用 qmake 处理一个 Windows 资源文件,并将其链接到一个可执行应用程序(EXE)或动态链接库( ...

随机推荐

  1. [HEOI2015]定价

    题目描述 在市场上有很多商品的定价类似于 999 元.4999 元.8999 元这样.它们和 1000 元.5000 元和 9000 元并没有什么本质区别,但是在心理学上会让人感觉便宜很多,因此也是商 ...

  2. JNA 相关问题

    JNA 相关问题 结构体对齐问题 要注意调用的c库字段对齐方式的相关设置. #pragma pack (push,1) #pragma pack(pop) jna中提供了4种对齐方式: /** Use ...

  3. Ubuntu 16.04下使用Wine安装文件比对工具Beyond Compare 4

    说明: 1.使用的Wine版本是深度出品(Deepin),已经精简了很多没用的配置,使启动能非常快,占用资源小. 2.关于没有.wine文件夹的解决方法:在命令行上运行winecfg: 下载: (链接 ...

  4. Maven的POM简单理解

    以下引用自官方的POM介绍https://maven.apache.org/guides/introduction/introduction-to-the-pom.html: 一.什么是POM? 项目 ...

  5. HDU 5304(Eastest Magical Day Seep Group&#39;s Summer-环加外向树生成树计数)[Template:Kirchhoff矩阵]

    Eastest Magical Day Seep Group's Summer Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 655 ...

  6. IOS 开发推荐经常使用lib

    1. Mantle Mantle 让我们能简化 Cocoa 和 Cocoa Touch 应用的 model 层.简单点说.程序中常常要进行网络请求,请求到得通常是 json 字符串.我们通常会建一个 ...

  7. css3 - 动态伪类

    动态伪类分为以下几种: 1. hover(经过) 2. active(点击后) 3. focus(聚焦) - input专用 4. visited(访问后) 使用:

  8. Eclipse 教程

    Eclipse 教程 Eclipse 是一个开放源代码的.基于 Java 的可扩展开发平台. Eclipse 是 Java 的集成开发环境(IDE),当然 Eclipse 也可以作为其他开发语言的集成 ...

  9. 改变其他iframe的src

    window.parent.$("#ifr").location="????";);来改变

  10. 本机上使用Three.js载入纹理

    怎样载入纹理 // 首先, 创建一个纹理 var mapUrl = "../images/molumen_small_funny_angry_monster.jpg"; var m ...