计算机中描述图形信息的二大系统是栅格图形和矢量图形,在栅格图形系统中,图像被表示为图片元素或者像素的长方形数组,每个像素用其RGB颜色值或者颜色表内的索引表示,这一系列像素也称为位图....id 以便后续复用
变换复制组
折线
文本元素
矩形
在网页中使用SVG
SVG作为图像,作为图像,作为CSS背景,作为对象...个单位的坐标系统
属性viewBox的宽高比可以不同于视口的宽高比,在这种情况下SVG可以做三件事...1:按较小的尺寸等比例缩放图形,以使图形完全填充视口,
2:按较大的尺寸等比例缩放图形并裁剪掉超出视口的部分
3:拉伸和挤压绘图以使其恰好填充新的视口
属相preserveAspectRatio允许我们指定被缩放的图形相对于视口的对齐方式...Svg支持嵌套的坐标系统将一个svg元素插入到一个新的文档中
Svg中的基本形状
线段
笔画特性:stroke-width
笔画颜色stroke