SVG介绍

• SVG 全称为（Scalable Vector Graphics），即可缩放矢量图形。
• SVG 是一种基于XML格式的矢量图，主要用于定义二维图形，支持交互和动画。
• SVG 规范是万维网联盟(W3C) 自 1998 年以来开发的标准。
• SVG 图像可在不损失质量的情况下按比例缩放，并支持压缩。
• 基于XML的SVG可轻松的用文本编辑器或矢量图形编辑器创建和编辑，并可以直接在浏览器显示。SVG

2D动画transform

常见的函数transform function有：

• 平移：translate(x, y)

• 缩放：scale(x, y)

• 旋转：rotate(deg) 在lineTo前使用

• 倾斜：skew(deg, deg)

• CSS 中的每个元素都有一个坐标系，其原点位于元素的左上角，左上角这被称为初始坐标系。

• 用transform时，坐标系的原点默认会移动到元素的中心(重点)。

• 因为transform-origin属性的默认值为50% 50%，即该原点将会作为变换元素的中心点。

• 用transform属性旋转或倾斜元素，会变换或倾斜元素的坐标系。并且该元素所有后续变换都将基于新坐标系的变换。

• 因此，transform属性中变换函数的顺序非常重要——不同的顺序会导致不同的变换结果。

• 正则表达式（英语：Regular Expression，常简写为regex、regexp或RE），又称正则表示式、正则表示法、规则表达式、常规表示法，是计算机科学的一个概念；

• 正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。

• 许多程序设计语言都支持利用正则表达式进行字符串操作。