svg用什么打开

SVG文件是什么

SVG是一种矢量图形的标记语言,用于绘制图像文件。SVG是Scalable Vector Graphics(可缩放的矢量图形)的缩写。在网页中广泛使用的一种图形文件格式,可以包含文本、、声音等多媒体元素。SVG文件的体积很小,下载速度快,而且能够表达出高质量的图象效果,它被广泛应用于WEB页面的制作和FLASH动画的制作中。

如何打开SVG文件

1Adobe Illustrator

AI工具就是最好的SVG格式打开工具了，不仅能够打开SVG格式的，还可以对进行编辑。

2AI改图神器

如果不想下载安装Adobe Illustrator，阿强推荐这个可以在线打开所有格式的万能在线编辑器——AI改图神器，只需要打开首页就能打开预览SVG格式的啦。

网站地址：imglogosccn

什么是SVG格式？

简单地说,SVG格式是一种可缩放矢量图形。

在计算机中存储时,这种格式的文件不占用磁盘空间。用鼠标直接拖拽就可以改变其外观,或者通过简单的修改使其适合特定场合使用。 典型的svg文件由一系列透明的png位图组成(一个或多个png图层),这些的像素值为0或1,并且每个图层都拥有各自的属性信息、透明度、背景色等等。 svg文件的本质是一个位图图像序列,而该图像序列可以包含文本内容或其他类型的对象数据(例如颜色和形状)。

SVG格式优势

1、色彩丰富，可编辑性强。

2、文件小而轻，并且图像质量好。

4、易于传输和共享。

8、能够提供多种显示模式，有广泛的应用领域。

SVG在线转换

svg格式是一种图形文件,需要借助一些软件才能将svg转换成其他格式，阿强在这里推荐一款转换功能强大并且免费的在线转换器——AI改图神器的在线SVG格式转换器。

*** 作步骤也非常简单，只需要上传SVG格式的到在线SVG转换器中，选择你想要转换的格式，比如jpg、png等，最后点击开始转换就完成了，关键还是免费的！

在微信公众号文章中经常使用的微信公众号动画效果是怎么制作的？使用SVG编辑器就能搞定了！

什么是微信公众号黑科技动画排版？

黑科技动画排版是什么？为什么这么多的官号和品牌都在用？

黑科技排版是一种交互式的图文排版，读者通过触发热区，就能让微信公众号文章实现滑动、点击、展开、隐藏等等的效果，可以让文章和读者产生一定的互动，内容展示形式新奇，传播效果好，阅读量自然也就变高了。

微信公众号SVG动画排版教程

这样的SVG黑科技排版可以在135编辑器推出的SVG编辑器中进行制作，来看看下面的排版 *** 作教程吧。

在135编辑器中，点击左侧功能区的SVG编辑器，打开SVG编辑器界面

首先在左侧的素材栏搜索或筛选一个你想要的效果，点击将这个效果放入中间的编辑区

在右侧为该效果上传所需的、链接或视音频素材，一个SVG动画效果就做好了

预览一下动画效果无误后，使用授权同步功能，将SVG文章同步到公众号就可以进行发布了

或者使用导出功能，将SVG动态图文保存到微信公众号平台

大家都学会了吗？SVG编辑器还有更多大牌同款的经典SVG图文素材，赶快上手，开启你的黑科技排版吧！

-  END  -

SVG是一种用XML定义的语言，用来描述二维矢量及矢量/栅格图形。SVG提供了3种类型的图形对象：矢量图形（vectorgraphicshape例如：由直线和曲线组成的路径）、图象(image)、文本(text)。图形对象还可进行分组、添加样式、变换、组合等 *** 作，特征集包括嵌套变换（nestedtransformations）、剪切路径（clippingpaths）、alpha蒙板（alphamasks）、滤镜效果（filtereffects）、模板对象（templateobjects）和其它扩展（extensibility）。SVG图形是可交互的和动态的，可以在SVG文件中嵌入动画元素或通过脚本来定义动画。

SVG在iOS中可以用UIWebView来加载：

这种方法来加载SVG，虽然也可以，但是却存在诸如放大缩小、点击交互等问题。所以一般更加推荐使用 SVGKit 。

SVGKit 使用

1、SVG创建

2、实现SVG放大缩小功能

实现UIScrollView的代理方法：

3、SVG上进行路线规划

SVG上的线路规划，需要从服务器中拿取相关的坐标点，然后将其绘制在SVG上。具体实现如下：

效果如下：

SVG 是一种可支持任意缩放的格式，使用 xml 定义，使用 canvas 中 path 路径来完成绘制，和我们传统使用的 BitMap位图有很大的区别。

SVG 在前端早就普及了，在android 中是 google 是在50之后开始支持的，14年出来之后兼容是个大问题，随着20162 V7包 2320版本的发布才算是有个相对完善的兼容使用方案。

SVG 的概念我就不写了，拿来主义啦，原文： Android Vector曲折的兼容之路

不瞎逼逼，我们先来看一看 android 中的 SVG 矢量图是个什么东东

看到没有，这就是一个 SVG 矢量，就是一个 xml 文件，右边是预览，先说下，这东西的好处：缩放不失真，体积小。这一个 SVG 只有970个字节强大吧，比 png 格式的强的没边了吧，png 我们还得适配，做多套，然后一个一个改名字复制到工程里，有了 SVG 妈妈再也不担心我们写作业啦

这里需要解释下这里的几个标签：

这里有一分详细的属性说明：

好了下面开始介绍 SVG 啦

首先，需要讲解两个概念——SVG和Vector。

SVG，即Scalable Vector Graphics 矢量图，这种图像格式在前端中已经使用的非常广泛了

Vector，在Android中指的是Vector Drawable，也就是Android中的矢量图

因此，可以说Vector就是Android中的SVG实现，因为Android中的Vector并不是支持全部的SVG语法，也没有必要，因为完整的SVG语法是非常复杂的，但已经支持的SVG语法已经够用了，特别是Path语法，几乎是Android中Vector的标配

Android以一种简化的方式对SVG进行了兼容，这种方式就是通过使用它的Path标签，通过Path标签，几乎可以实现SVG中的其它所有标签，虽然可能会复杂一点，但这些东西都是可以通过工具来完成的，所以，不用担心写起来会很复杂。

Path指令解析如下所示：

支持的指令：

M = moveto(M X,Y) ：将画笔移动到指定的坐标位置

L = lineto(L X,Y) ：画直线到指定的坐标位置

H = horizontal lineto(H X)：画水平线到指定的X坐标位置

V = vertical lineto(V Y)：画垂直线到指定的Y坐标位置

C = curveto(C X1,Y1,X2,Y2,ENDX,ENDY)：三次贝赛曲线

S = smooth curveto(S X2,Y2,ENDX,ENDY)

Q = quadratic Belzier curve(Q X,Y,ENDX,ENDY)：二次贝赛曲线

T = smooth quadratic Belzier curveto(T ENDX,ENDY)：映射

A = elliptical Arc(A RX,RY,XROTATION,FLAG1,FLAG2,X,Y)：弧线

Z = closepath()：关闭路径

坐标轴为以(0,0)为中心，X轴水平向右，Y轴水平向下

所有指令大小写均可。大写绝对定位，参照全局坐标系；小写相对定位，参照父容器坐标系

指令和数据间的空格可以省略

同一指令出现多次可以只用一个

注意，’M’处理时，只是移动了画笔， 没有画任何东西。 它也可以在后面给出上同时绘制不连续线。

关于这些语法，开发者需要的并不是全部精通，而是能够看懂即可，其它的都可以交给工具来实现。

这里有一篇 Android vector标签 PathData 画图超详解 详细描述了 SVG 中 path 的绘制

好了概念性的东西说完了，我们来看看

SVG 的使用分2种，一种是静态 SVG 矢量图，就是本文的主角，本章节主要谈论的东西，另一种是 SVG 矢量动画，是SVG 的高级应用，是给静态 SVG 加上objectAnimator 动画，应用的很广泛，是实现 android icon 动态交互的核心做法。

上面的SVG 图大家都看到了，我们就是写一个 xml 的文件，里面承载的标签都是描述如何绘制我们想要的图案的，画布大小，颜色，路径等，然后交给系统去绘制。

现在让我们来看看 SVG 在 andorid 中如何应用，如何兼容50以下版本。

SVG 虽然早早就在前端使用了，但是 android 上开始支持 SVG 的使用还是从50开始的，在50以上系统的使用很简单，和之前一样使用 PNG 一样

首先 android 中的 SVG 的承载方式是一个 xml 文件，所以UI 给我们的 SVG 是不能直接使用的，这里 google 给我们提供加载方式

Android studio 在 233 的版本中可以直接使用 svg，新建一个 SVGDemo项目，新建 Vector Asset 文件：app-> main -> New -> Vector Asset 如图所示：

我们选择 Local File 就是选择本地svg文件进行导入，对文件命名后点击 Next ->Finish 在 drawable目录 下就添加了一个xml的文件

好了这样一个 svg 我们算是加入到我们的工程里里了，可以直接使用了。当然在此之前我们把 SVG 放在那个 drawable 文件夹呢。对于这个问题就要说一下了：

有一点需要解释一下，svg 矢量图文件我们放在drawable 根目录即可。android 系统不会根据你把 svg 矢量图存放在不同的 drawable 文件夹，对进行分辨率上的缩放，因此我们不用像使用 PNG 时准备多套了。我们导入 SVG 默认存放的地址就是 drawable根目录，所以我们就放这里就好了，当然也可以自己写SVG ，都是 xml 的，自己写完 path 路径后都是可以查看预览的，一般也不会自己写，都是UI 的活。

这样就 ok啦，50以上的系统SVG你就像一般 png 一样使用就好啦，你可以试一下。

SVG 在 4x 版本上的兼容根据 SVG 使用范围的变化，配置也是逐步增加的

这时 imageview 就不行了，我们需要使用 AppCompatActivity 或是 AppCompatImageView，这时我们需要导入 V7 包

gradle 需要如下配置：

系统会在 4x 版本时对 SVG 自动生成相应的 drawable 图，此时 SVG 是没有无限拉伸特性的，gradle 的配置目的是去这个

举个例子：

资源设置不能用 src 了，必须使用 srcCompat ，这时我们能看到图而不是去 SVG 的特性了

这时上面的设置就不够了，我们在 view 所在的 activity 或是全局添加下面的设置

然后这还不够，我们必须给 SVG 添加一个容器，比如 selector，这样我们才能正常使用，比如给 textview 设置，自定义属性设置

这个 vc_halfstart_24dp 就是 SVG

这个我们必须要添加官方的 vectorDrawable 支持库了，最低支持到 2320

这样基本就没啥问题了

SVG 配合自定义 view 的话，就得我们读取 SVG 然后转换成 path 路径来画了，SVG 实质上也是 xml 文件，所以解析 xml 文件的思路也使用，当然还有其他一些 SVG 转 path 的思路

SVG前戏—让你的View多姿多彩 一文中提供了一些思路，大家不妨去看看

以上就是关于svg用什么打开全部的内容，包括:svg用什么打开、svg是什么、公众号SVG动画效果这样做超简单！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！