Skip to content

svg(扩展)

svg: scalable vector graphics,可缩放的矢量图

  1. 该图片使用代码书写而成
  2. 缩放不会失真
  3. 内容轻量

怎么使用

svg 可以嵌入浏览器,也可以单独成为一个文件

xml 语言,svg 使用该语言定义

书写 svg 代码

矩形:rect

圆形:circle

椭圆:ellipse

线条:line

折线:polyline

多边形:polygon

路径:path

M = moveto L = lineto H = horizontal lineto V = vertical lineto C = curveto S = smooth curveto Q = quadratic Belzier curve T = smooth quadratic Belzier curveto A = elliptical Arc

A 半径 1
半径 2
顺时针旋转角度
小弧(0)或大弧(1)
顺时针(1)逆时针(0)

Z = closepath

例子

画太极图