在Android中学会使用SVG图片

最新推荐文章于 2024-03-17 09:37:45 发布
VIP文章 最新推荐文章于 2024-03-17 09:37:45 发布
阅读量7.1k 收藏 10
点赞数
分类专栏： SVG的踩坑之路 实践记录 Android学习历程 文章标签： android SVG
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dragon0103/article/details/54019456
版权

现在SVG飞速流行，这篇文章简单学习使用SVG的图片，与大家共同鉴赏

首先要准备两种工具：

第一种：Vector magic这个协助软件

第二个：Android studio版本2.0以上

1.打开Vector magic这个软件，界面如下图

这里写图片描述

2.跟UI或者网上找一个图标，我以我公司的图标为例，然后将图像拖进来，选中基本的模式，因为是做简单的操作，不需要选择高级

最低0.47元/天 解锁文章
半似程序半似猿
关注
  • 0
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
Android SVG使用进阶
郭霖
06-22 1152
今日科技快讯 近日，苹果开始严格执行限制热更新政策，数据显示截止到6月16日，中国地区下架应用已经接近3万，包括《天天酷跑》等游戏，其中6月15日一天，最高下架应用超过2万，游戏类应用超1万。此次下架并非只是针对中国，是世界范围大规模下架。不过并
安卓android中小图标使用优化(svg矢量图与iconfiy)
weixin_34311757的博客
01-09 761
在开发安卓中会遇到各种各样的小图片(icon),裁剪繁琐,拉伸容易失真,png图片积累到一定量的时候,使包的体积变大,svg图与iconfiy这个第三方库可以解决以上的问题,但只试用于icon,背景图片等还需要自己进行优化; android如何使用svg图, 下面的文章说的比较详细:Android使用矢量图svg是xml文件一般是k...
android APK瘦身大法——SVG图片瘦身
一个学渣走向android之路
03-13 3129
前两天和上家公司的上司无意聊了聊工作的事，也就顺便扯到了apk瘦身上。主要是通过SVG进行图片压缩来减少app的大小。下面我就详细介绍一下如何实现SVG的图片压缩。SVG的优点 SVG 可被非常多的工具读取和修改（比如记事本）,由于使用xml格式定义，所以可以直接被当作文本文件打开，看里面的数据； SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强，SVG 图就相当于保存了关键的
svg-android: 在Android上渲染SVG矢量图形
最新发布
gitblog_00017的博客
03-17 288
svg-android: 在Android上渲染SVG矢量图形 svg-android是一个开源库，它允许你在Android应用中渲染可缩放向量图形（SVG）。通过将SVG文件转换为可绘制对象，你可以轻松地在你的Android应用中包含高质量、可缩放的图像。 使用场景 svg-android可以用于以下场合： 高分辨率显示：SVG是一种基于向量的图形格式，可以在任何分辨率下保持清晰度。这意味着你...
android中svg介绍及使用[汇总]
RD哥哥的博客
06-29 5133
导语1.1where&when 场景A:UE妹子想实现下图效果，身为RD哥哥你会怎么做？帧动画？自己绘制？怎么可以为妹子增加工作量！ 场景B:美工妹子做的图片在多屏幕中失真了！！！身为 RD 哥哥怎么能不为妹子插自己两刀？ 场景C:待定（好吧，编不下去了） 以上场景如有雷同纯属巧合 没错，以上场景都可以用到SVG，厉不厉害!但svg是何方神圣？为什么可以满足如此让人觉得一千万头草泥马
Android使用svg矢量图
hnlgzb的专栏
06-30 1608
多个svg转换android的vector，下载svg2vector-cli-1.0.1.jar。在Android中通过Vector实现对svg的支持，根节点为<vector>。然后就会在drawable文件夹里生成一个根节点为vector的xml文件。SVG 使用 XML 格式定义图形，标准svg根节点为<svg>获得一张svg需要先进行转换才能在android当中使用。一般转载都是怕 好的文章 博主后续删了，所以才转载。xml的使用方式跟正常的icon使用方式差不多。有了，试了 可以，不错。
android中读取svg文件,Android如何加载SVG格式的矢量图
weixin_29608135的博客
05-29 2221
为何要加载SVG图片相对于.JPG和.PNG甚至.webp的图片来说，SVG的图片有两个优点，第一：省空间，APK瘦身有一个方面就是从图片瘦身，使用SVG图片可以大量减轻程序的大小。第二：省时间，切放大缩小适配各种机型图片不会改变。如何在androidstudio中使用SVG图片呢？首先，你需要有SVG图片，你可以网络下载 推荐几个不错的图标制作下载网站：阿里icon：http://www.ico...
Android studio 导入svg格式的图片
chuyouyinghe的专栏
11-24 829
SVG可以算是目前最最火热的图像文件格式了，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。
在安卓中使用SVG矢量图
蓝不蓝编程
04-01 834
简要介绍 SVG(Scalable Vector Graphics，可伸缩矢量图形 )是W3C推出的一种开放标准的文本式矢量图形描述语言，它是一种基于XML、专门为网络而设计的图像格式，SVG是一种采用XML来描述二维图形语言，所以它可以直接打开xml文件来修改和编辑. 矢量图优点: 1.使用点和线来描述图形，所有文件会比较小，同时也能提供高清晰的画面。 2.缩放自由且不会失真，适配于任何分辨率的...
Android 中使用svg图片
01-20
 Android上对svg进行阉割，使用Vector Drawable对svg支持，svg小 2. svg语法：   Vector 语法简介，如何看懂一张svg  (1)Path指令解析如下所示：  M = moveto(M X,Y) ：将画笔移动到指定的坐标位置，相当于 ...
androidsvg
04-13
一个开源库，支持android显示svg格式图片。使用见链接：https://blog.csdn.net/u012587637/article/details/79924075
Android-使用Glide在Android中加载SVG
08-13
使用Glide在Android中加载SVG
Android把svg图片转为jpg保存到相册图库
01-05
但是我们一般在浏览图片时,还会有保存图片到相册或图库的操作,而Android手机自带的相册或图库是不支持查看svg格式的图片的,所以我们需要把svg格式的图片转为jpg或png格式再进行保存,我的例子是保存为jpg格式,png也是...
Android中使用SVG实现炫酷动画效果
11-27
Android中使用SVG实现炫酷动画效果Android中使用SVG实现炫酷动画效果
Android加载html中svg格式图片进行显示
08-30
主要为大家详细介绍了Android加载html中svg格式图片进行显示，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
MPAndroidChart初体验——三分钟教你画折线图
菜鸟的打怪升级之路
12-25 4820
简介：这是一个关于Android图标的一个开源库，使用这个开源库可以快捷方便开发图表，而且这个开源库画出来的图表要好看的多，建议可以使用下。 首先是导入包，使用Eclipse开发工具，需要将jar包导入的项目的libs包下。 使用Android Studio开发MPAndroidchat就有些不一样了，需要在你当前的Module下的build文件中加入两个东西： 确认有repositor
MPAndroidCharts初体验——教你三分钟学会画折现图
菜鸟的打怪升级之路
07-06 839
简介：这是一个关于android图标的一个开源库，使用这个开源库可以快捷方便开发图表，而且这个开源库画出来的图表要好看的多，建议可以使用下。 首先是导入包，使用Eclipse开发工具，需要将jar包导入的项目的libs包下。
vue使用url方式使用svg图片
06-10
要在Vue中使用URL方式使用SVG图片，可以使用以下步骤： 1. 在Vue组件的template标签中，使用img标签并将src属性设置为SVG文件的URL地址。 ``` <template> <div> <img :src="svgUrl" alt="SVG Image"> </div> </template> ``` 2. 在Vue组件的script标签中，将SVG文件的URL地址赋值给data函数中定义的svgUrl属性。 ``` <script> export default { data() { return { svgUrl: 'https://example.com/image.svg' } } } </script> ``` 3. 在CSS文件中，使用background-image属性将SVG文件的URL地址设置为背景图像。 ``` <style> .svg-bg { background-image: url('https://example.com/image.svg'); } </style> ``` 注意：使用SVG图片时，需要在服务器上启用CORS（Cross-Origin Resource Sharing）以避免跨域问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值