计算机中描述图形信息的二大系统是栅格图形和矢量图形,在栅格图形系统中,图像被表示为图片元素或者像素的长方形数组,每个像素用其RGB颜色值或者颜色表内的索引表示,这一系列像素也称为位图....元素svg上的属性viewBox属性,有四个值,分表代表想要叠加在视口上的用户坐标系统的最小x坐标,最小y坐标,宽度和高度
下面一行代码是在4厘米*5厘米的图纸上,设置每厘米16个单位的坐标系统
<svg...,以使图形完全填充视口,
2:按较大的尺寸等比例缩放图形并裁剪掉超出视口的部分
3:拉伸和挤压绘图以使其恰好填充新的视口
属相preserveAspectRatio允许我们指定被缩放的图形相对于视口的对齐方式...,可能的取值为butt,round,square
属性stroke-linejoin用来指定线段在图形棱角处交叉时的效果,可能的取值有,miter 尖,round圆,bevel平
文档结构:
Svg提倡表现与结构分离...>可以包含一个完整的svg或者栅格文件,