计算机中描述图形信息的二大系统是栅格图形和矢量图形,在栅格图形系统中,图像被表示为图片元素或者像素的长方形数组,每个像素用其RGB颜色值或者颜色表内的索引表示,这一系列像素也称为位图....和height二个属性定义svg的像素宽和像素高的
SVG的一些基本元素和用法,
SVG的坐标原点在左上角(0,0)
元素circel可以画圆相关图形, 指定中心点的x坐标和y坐标以及半径,如
属性viewBox的宽高比可以不同于视口的宽高比,在这种情况下SVG可以做三件事
1:按较小的尺寸等比例缩放图形,以使图形完全填充视口,
2:按较大的尺寸等比例缩放图形并裁剪掉超出视口的部分
3:拉伸和挤压绘图以使其恰好填充新的视口...,不需要指定终点,自动闭合
属性fill-rule规定填充的规则,二个值为nonzero 默认和evenodd
折线 不会自动闭合
当使用 和划线时...,可以为stroke-linecap指定不同的值来确定线的头尾形状,可能的取值为butt,round,square
属性stroke-linejoin用来指定线段在图形棱角处交叉时的效果,可能的取值有,