1.SVG资源下载网站
-
阿里巴巴矢量图标资源库
-
Font Awesome 一套绝佳的图标字体库和CSS框架
-
material design 谷歌官方图标库
-
mac系统下的svg软件
2.SVG转化成android中的XML工具(第一种方法)
3.使用步骤
下载好工具后解压,直接打开index.html
耐心等待一段时间出现如下页面
然后将下载好的SVG文件直接拖动到页面空白处,出现如下代码
按顺序勾选框中的选项:
如果不勾选,生成的xml在android中将不起作用!
最后点击DownLoad即可得到一个xml文件
放入项目的drawable文件夹中即可使用
4.使用android Studio自带的导入方式(第二种方法)
在上述网站下载好自己的图标svg资源后,打开工程,找到drawable鼠标右键点击
new->Vector Asset
出现以下界面
依次往下:
-
选择加载本地的 svg文件
-
加载svg文件的路径
-
Override一定要勾选
-
然后点击next即可
第二种方式更为简单实用!
1.SVG资源下载网站 阿里巴巴矢量图标资源库 Font Awesome 一套绝佳的图标字体库和CSS框架 material design 谷歌官方图标库 mac系统下的svg软件2.SVG转化成android中的XML工具(第一种方法)百度云盘链接: Android SVG to VectorDrawable 提取码: ns26 3.使用步骤下载好工具后解压,直接打开i...
使用
方法
如下:
在jdk环境配置好的前提下,在该文件目录下输入以下指令:java -jar
svg
2
vector
-cli-1.0.0.jar -d . -o output -h 20 -w 20
output指输出文件夹的名字,-h后的20指
vector
转
换后的
android
:height="20dp", -w后的20指
vector
转
换后的
android
:width="20dp", 该工具会把当前目录下所有的
svg
文件进行批处理。
矢量图能不受显示范围大小的限制且不失真,不需要放多套PNG图片来做适配,能随意自己更改矢量图的大小而不再需要去求同事给新切图。
而我目前所在的公司出图放在蓝湖上,能选择下载PNG或
SVG
格式的图片。
项目中有个类似于电影院选座一样的控件,每个小框内有个图片,能放大,放大后普通的小PNG图片会失真,很丑。
1、下载得到
SVG
图片。
2、
Android
Studio(开发工具)中在draw...
svg
资源
阿里巴巴矢量
资源
网站:http://www.iconfont.cn/
感觉一般的
svg
到
Android
可用的
xml
差异有点规律,主要的就是path
秉承着能用代码解决的问题,绝对不动手。能够靠智商解决的问题,绝对不靠体力的大无畏精神:
写段代码批处理一下,要比一个一个在网上
转
换方便一些。
1.样例
svg
<?
xml
version="1...
第二步:将
SVG
图标
转换成
XML
文件,使用
转
换工具。
链接: https://pan.baidu.com/s/1fEjep7oK8xGneNEcX690ww?pwd=sv3t 提取码: sv3t
,解压后如下图,一个静态的网页:
svg
-
android
-
转
换器
此工具用于将
SVG
文件
转
换为基于
Android
Lollipop 的设备的
Android
Vector
Drawable
s。
用法:
svg
-
android
-converter <
svg
-file> <
vector
>
async function
svg
2png(
svg
, png) {
const image = await loadImage(
svg
)
const canvas = createCanvas(image.width, image.height)
const ctx = canvas.getContext('2d')
ctx.drawImage(image, 0, 0)
const buffer = canvas.toBuffer()
fs.writeFileSync(png, buffer)
svg
2png('input.
svg
', 'output.png')
此代码将“input.
svg
”文件
转
换为“output.png”文件。