【Android】SVG和VectorDrawable——相关格式转换

 

  SVG是矢量图,刚接触尚不能仔细介绍,但只需记得一点:放大不失真,存储也方便。

  因为多数户型图使用SVG格式,Android要用的话必须通过相关转换工具,将原SVG格式文件,转换为XML后缀的VectorDrawable文件。

  通过万能的百度查询,发现早已有人做好了相关转换工具。

  地址1——SVG2Android:这是Git上的开源项目,clone下来后在浏览器中打开index即可使用。

  PS:火狐浏览器貌似不支持Bake transforms into path (experimental),需要谷歌浏览器(可以勾选)或者其他浏览器(没试过)。

  地址2——SVG-Android:也是Git上的开源项目,是将SVG直接转换为PNG这样的图片。

  PS:仅clone下来项目,查看了相关代码,并没有具体测试,因为目前暂时不需要将SVG转为图片来使用。

 

  原生的正常的SVG文件可以通过上面工具转为Android使用的VectorDrawable文件,但是我需要对SVG剪切一部分呢?在剪切、添加、修改之后,我需要对SVG进行放大或缩小呢?

  那么你就需要Inkscape这个强大的矢量图编辑器了。

  做完你想要的任何效果之后,在保存的时候,你是不是一下子点击确定,却忘了格式是否正确呢?

  我就是这样,直接点击确定,然后到AndroidStudio中去转换(事实上AS自带SVG转VectorDrawable功能),发现并不能正常读取,AS提示说这是一个空文件(或者找不到对应标签)。

  File >>> New >>> Vector Asset >>> Local SVG file >>> Image file ...

 

  不要苦恼,首先读取出错肯定是文件格式不支持,原生的SVG文件在AS中肯定得到很好的转换效果,但你通过第三方矢量图修改工具,进行编辑之后再保存,通常都携带有第三方工具的一些信息。

  那么你就要在保存的时候,看清楚并选好相应的后缀。

 

  我在使用的时候发现,默认的Inkscape SVG 和普通 SVG保存之后,前者会多出来很多第三方定义的信息,有什么图层之类的。

  而普通SVG相对而言,也仅仅是少了一些第三方信息,修改之后的结构依然是以line这样的标签为主,对于转换来说,不是很友好。

  然后我是用优化的SVG去保存,它会弹出来一些选项,通过对这些选项的舍取,保存完之后打开的SVG源代码跟原生SVG文件几乎没有差别。

  唯一多出来的是transform="matrix(a,b,c,d,e,f)"这样的属性,通过百度得知这是大学高数里面的矩阵变换,转换起来有点小复杂。

  所以AS即使能够对【优化的SVG】文件进行转换,预览的效果也有所偏差,具体就是这个属性导致的元素偏移。

  那么回过头来看看上面的SVG2Android工具,为什么要提Bake transforms into path (experimental)属性呢?

  就是因为它对transform的支持,不会使转换之后的图像产生一定程度上的偏移。

 

  那么结论来了:

  1、正常的原生SVG文件,使用AS自带转换器即可(特方便)。

  2、如果AS自带转换器无法使用(有可能是第三方编辑器导致坐标转换出错),那么就使用SVG2Android去转换格式。

  3、如果还是无法转换坐标,那么就使用SAX方式,解析SVG文件标签,一一对应VectorDrawable中的标签即可。

  第三部分的结论目前还在编写代码中,事实上这仅仅是对特殊SVG文件的一种应对,相信前面两种工具已经对普遍意义的SVG作了很好的转换支持。

转载于:https://www.cnblogs.com/mrzh/p/5798491.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/372456.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

css中基线指的是哪一条线,如何设置基线网络_CSS, Vertical Rhythm 教程_W3cplus

首先,当谈到排版,我们先要了解基线是什么?维基百科是这样定义)的:在排版和书法中,基线是以字终sit底线为基础,并且向两边延伸的直线。好极了,但我为什么要忽视他呢?好希望你充满激情…

使用JGroups进行ElasticMQ消息复制

ElasticMQ是一台消息服务器,具有Scala,Java和与Amazon SQS兼容的接口。 它通过跨服务器群集复制消息来支持有保证的消息传递,并通过日志记录实现消息持久性。 消息复制是ElasticMQ的核心功能之一。 但是,如果您看一下代码&#xf…

Spring Social入门

像我一样,无论是添加简单的Facebook“赞”按钮,一大堆“共享”按钮还是显示时间轴信息,您都不会注意到当前对应用程序“社交化”的热衷。 每个人都在做这件事,包括Spring的家伙,事实上,他们提供了一个称为S…

apache ajax 跨域访问,Apache 实现AJAX跨域请求

当使用ajax跨域请求时,浏览器报错:XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin.肯定是跨域的问题,如果用jsonp或者pro更多:当使用ajax跨域请求时,浏览器报错:XmlHtt…

EhCache复制:RMI与JGroups

最近,我正在研究一种需要复制缓存的产品。 缓存提供程序已经确定-EhCache,剩下的就是有关传输的问题。 哪一个是最佳选择? 这里的最佳选择是指性能更好的选择。 仅在两个可用传输之间进行了性能评估-JGroups和RMI,对其他传输不予考…

服务器wifi无线放大器,一回家WiFi信号太弱?教你用两毛钱制作信号放大器

原标题:一回家WiFi信号太弱?教你用两毛钱制作信号放大器现在家家户户都有无线路由器,但是大部分人都还是早期的单天线产品,信号覆盖范围比较小,特别是穿墙性能不行。人在客厅WiFi信号还满格,一到卧室就瞬间…

iOS开发 之 可穿戴设备 蓝牙4.0 BLE 开发

1 前言 当前有越来越多的可穿戴设备使用了蓝牙4.0 BLE(Bluetooth Low Energy)。对于iOS开发而言,Apple之前专门推出CoreBluetooth的Framework来支持BLE的开发。对于硬件开发有了解的朋友应该知道,在之前使用低版本的蓝牙的设备,要…

git服务器维护 备份,gitlab服务运维,备份与恢复 - 橙子柠檬's Blog

gitlab服务运维工作Gitlab-ctl 使用gitlab-ctl start #启动服务gitlab-ctl stop #停止服务gitlab-ctl restart #重启服务检查服务的日志信息gitlab-ctl tail redis #检查redis的日志gitlab-ctl tail postgresql #…

使用TestNG的弹簧测试支持

TestNG是一个测试框架,旨在涵盖所有类别的测试:单元,功能,端到端,集成等。 它包括许多功能,例如灵活的测试配置,对数据驱动测试的支持(使用DataProvider),强大…

Entity Framework - 理清关系 - 基于外键关联的单向一对一关系

注:本文针对的是 Entity Framework Code First 场景。 之前写过三篇文章试图理清Entity Framework中的一对一关系(单相思(单向一对一), 两情相悦(双向一对一), 两情相悦-续),但当时理…

微信社交小程序服务器,Day12-微信小程序实战-交友小程序-搭建服务器与上传文件到后端...

要搞一个小型的cms内容发布系统因为小程序上线之后,直接对数据库进行操作的话,慧出问题的,所以一般都会做一个管理系统,让工作人员通过这个管理系统来对这个数据库进行增删改查微信小程序其实给我们提供了这样的能力了(也就是可以…

文件共享服务器imac,iMac怎么在网络上共享设备windows文件夹和服务 | MOS86

本章通过向您展示如何在网络和Mac和Windows计算机之间共享文件,文件夹和设备,帮助您充分利用您的iMac网络连接。→使用Macs共享文件和文件夹使用AirDrop和文件共享→与Windows 7计算机共享文件→设置共享权限→使用共享表快速在线共享文件→共享和访问网…

【转】 简单理解Socket

题外话 前几天和朋友聊天,朋友问我怎么最近不写博客了,一个是因为最近在忙着公司使用的一些控件的开发,浏览器兼容性搞死人;但主要是因为这段时间一直在看html5的东西,看到web socket时觉得很有意思,动手写…

业务活动监视器(BAM)2.0带来的革命

生产兼具精益和企业价值的中间件是一项艰巨的工作。 它要么不存在,要么需要创新的思维(很多),并且需要在实现中反复进行。 业务风险很大,但是如果您做对了,它就会使您领先于其他任何公司。 这就是为什么我们…

oracle销售服务器吗,oracle 服务器 版本

oracle 服务器 版本 内容精选换一换Atlas 800 训练服务器(型号 9010)安装上架、服务器基础参数配置、安装操作系统等操作请参见《Atlas 800 训练服务器 用户指南 (型号9010)》。Atlas 800 训练服务器(型号 9010)适配操作系统如表1所示。请参考表2下载驱动和固件包。Atlas 800 训…

html 甘特图_Rplotly|交互式甘特图(Gantt chart)项目管理/学习计划

甘特图(Gantt chart),又常被称为横道图或者条状图,是现代企业项目管理领域运用最为广泛的一种图示。就是通过条形来显示项目的进度、时间安排等相关情况的。项目管理外,也可以用来管理学习计划。绘制甘特图的工具有很多,本文介绍使…

Oracle Coherence:分布式数据管理

本文介绍如何使用Oracle Coherence提供分布式(分区)数据管理。 在下面的示例应用程序中,创建了一个名为OTV的新集群,并且在该集群的两个成员之间分配了一个名为user-map的缓存对象。 二手技术: JDK 1.6.0_21 Maven的…

美团点评DBProxy读写分离使用说明

目的 因为业务架构上需要实现读写分离,刚好前段时间美团点评开源了在360Atlas基础上开发的读写分离中间件DBProxy,关于其介绍在官方文档已经有很详细的说明了,其特性主要有:读写分离、负载均衡、支持分表、IP过滤、sql语句黑名单、…

apriori算法c++_关联分析——基于Apriori算法实现

电子商务推荐系统主要是通过统计和挖掘技术,根据用户在网站上的行为,主动为用户提供推荐服务,从而提高网站体验。而根据不同的业务场景,推荐系统需要满足不同的推荐粒度,包括搜索推荐,商品类目推荐,商品标签推荐,店铺推…

在Oracle Coherence中分发Spring Bean

本文展示了如何通过使用Oracle Coherence中的EntryProcessor和可移植对象格式(POF)功能来分发Spring Bean。 Coherence通过EntryProcessor API支持无锁编程模型。 此功能通过减少网络访问并在条目上执行隐式的低级锁定来提高系统性能。 此隐式低级锁定功…