计算机中描述图形信息的二大系统是栅格图形和矢量图形,在栅格图形系统中,图像被表示为图片元素或者像素的长方形数组,每个像素用其RGB颜色值或者颜色表内的索引表示,这一系列像素也称为位图....在矢量图形系统中,图像被描述为一系列几何形状,矢量图形阅读器接受在指定坐标集上绘制形状的指令,而不是接受一系列已经计算好的像素.有人把矢量图形描述为一组绘图指令,而位图则是在特定的位置填充颜色的点....0 64 80”>
属性viewBox的宽高比可以不同于视口的宽高比,在这种情况下SVG可以做三件事
1:按较小的尺寸等比例缩放图形,以使图形完全填充视口,
2:按较大的尺寸等比例缩放图形并裁剪掉超出视口的部分...Svg支持嵌套的坐标系统将一个svg元素插入到一个新的文档中
Svg中的基本形状
线段
笔画特性:stroke-width
笔画颜色stroke...nonzero 默认和evenodd
折线 不会自动闭合
当使用 和划线时,可以为stroke-linecap指定不同的值来确定线的头尾形状,可能的取值为