qq_39492374的博客

一、SVG概念　　1、SVG：XML文本格式描述的矢量图　　Scalable Vector Graphics(简称SVG)，是“可扩展矢量图形”的意思。SVG是由W3C制定的基于可扩展标记语言(XML)来描述二维矢量图型的一个开放标准。SVG严格遵从XML语法，SVG并用文本格式的描述性语言来描述图像内容，因此SVG是一种和图像分辨率无关的矢量图形格式。　　2、优势二、SVG的...

transform：表示对图形进行平移、旋转、缩放等形变svg的形变和css的形变用的都是transform，而且属性也几乎没差(是几乎)。如下：translatetransform="translate(x-value, y-value)"简单来说，就是偏移。沿x轴方向偏移x-value个单位长度，沿y轴方向偏移y-value个单位长度。<symbol id="r...

M = movetoM x y 移动到指定坐标，xy分别为x轴和y轴的坐标点，类似画笔的起点。path中的起点，必须存在（文档中虽然没有提到过，但是path的其他命令都需要依赖一个初始位置，而实际操作过程中也没有需要到可以不使用M的情况，后面发现有例外我再过来补充。L= linetoL x y 在初始位置（M 画的起点）和xy确定的坐标画一条线。两点一线，直线，绘图中很常见的方...