SVG在Android上的使用

最新推荐文章于 2026-01-03 05:16:18 发布

原创

最新推荐文章于 2026-01-03 05:16:18 发布 · 8.5k 阅读

本文详细介绍了位图和矢量图（SVG）的区别，SVG的特性，以及在Android中如何使用SVG，包括Android 5.0以上的原生支持和低版本的兼容方案，同时提供了代码示例和调用方法。SVG因其小巧、不失真的特点，适合用于图标和简单图形的设计。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

阿里巴巴图片库：https://www.iconfont.cn/collections/detail?cid=9638

一：位图和矢量图的概念

位图又叫点阵图或像素图，计算机屏幕上的图是由屏幕上的发光点（即像素）构成的，每个点用二进制数据来描述其颜色与亮度等信息，这些点是离散的，类似于点阵。多个像素的色彩组合就形成了图像，称之为位图（像GIF、JPEG、PNG等都是位图图像格式）。
矢量图又叫向量图，是用一系列计算机指令来描述和记录一幅图，一幅图可以解为一系列由点、线、面等到组成的子图，它所记录的是对象的几何形状、线条粗细和色彩等。生成的矢量图文件存储量很小，特别适用于文字设计、图案设计、版式设计、标志设计、计算机辅助设计（CAD）、工艺美术设计、插图等。

二：什么是SVG

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用来定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
SVG 是万维网联盟的标准
SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

三：SVG的代码实现

svg代码：

但是在android中是不支持svg代码，具体教程可查看W3school：https://www.w3school.com.cn/svg/index.asp

<svg class="icon"
    height="100"
    p-id="2332"
    t="1621585217711"
    version="1.1"
    viewBox="0 0 1024 1024"
    width="100"
    xmlns="http://www.w3.org/2000/svg">
    <path
        d="M519.37694695 3.190031l0 861.30841098L439.62616795 864.49844201 439.62616795 3.190031l79.750779 0z"
        fill="#337ab7"
        p-id="2333"></path>
    <path
        d="M599.12772595 823.028037L481.09657295 1024l-121.221184-200.971963 239.252337 0z"
        fill="#337ab7"
        p-id="2334"></path>
</svg>