SVG格式


SVG是一种图像文件格式(扩展名.svg),意思为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由W3C联盟进行开发的。

简介

SVG 是使用 XML 来描述二维图形和绘图程序的语言。

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

应用

国内的微信公众号之订阅号,可使用SVG完成一些简单的页面交互。从而大幅增加微信公众号的用户体验以及交互增强。对于公众号运营人员来说,有必要学习该技术。

学习svg

推荐免费文档:

w3school svg学习区

学习之前应具备的基础知识:

  • HTML基础
  • XML 基础
    SVG简单易学,尤其对于拥有HTMl基础的同学。

创建SVG文件

由于SVG是XML文件,SVG图像可以用任何文本编辑器创建,但它往往是与一个绘图程序一起使用,如Inkscape,更方便地创建SVG图像。

示例代码

<html>
<body>

<h1>My first SVG</h1>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <circle cx="100" cy="50" r="40" stroke="black"
  stroke-width="2" fill="red" />
</svg>

</body>
</html>

如对SVG感兴趣可参考上述给出的免费学习教程地址在W3School进行学习。

0

【SVG格式隶属于分类: 技术工具 基础概念

它起初由本站用户:刘欣Eden于3年前 创建。

该内容的链接是:

目录