计算机中描述图形信息的二大系统是栅格图形和矢量图形,在栅格图形系统中,图像被表示为图片元素或者像素的长方形数组,每个像素用其RGB颜色值或者颜色表内的索引表示,这一系列像素也称为位图....矢量图形的用途:1:计算机辅助绘图,CAD,可以精确地测量和放大绘图以便查看细节非常重要,2:设计用于高分辨率打印图形的程序,
SVG的特点:可缩放,不失真,无锯齿,或锯齿不明显.
SVG文档:
<?...属性viewBox的宽高比可以不同于视口的宽高比,在这种情况下SVG可以做三件事
1:按较小的尺寸等比例缩放图形,以使图形完全填充视口,
2:按较大的尺寸等比例缩放图形并裁剪掉超出视口的部分
3:拉伸和挤压绘图以使其恰好填充新的视口...折线 不会自动闭合
当使用 和划线时,可以为stroke-linecap指定不同的值来确定线的头尾形状,可能的取值为butt,round,square...分组和引用对象
元素会将其所有的子元素作为一个组合,通常组合还会有一个唯一的id作为名称,
元素,可以重用元素,
如<use xlin:href=”#house” x=”70” y=”100