在矢量图形系统中,图像被描述为一系列几何形状,矢量图形阅读器接受在指定坐标集上绘制形状的指令,而不是接受一系列已经计算好的像素.有人把矢量图形描述为一组绘图指令,而位图则是在特定的位置填充颜色的点....矢量图形的用途:1:计算机辅助绘图,CAD,可以精确地测量和放大绘图以便查看细节非常重要,2:设计用于高分辨率打印图形的程序,
SVG的特点:可缩放,不失真,无锯齿,或锯齿不明显.
SVG文档:
的一些基本元素和用法,
SVG的坐标原点在左上角(0,0)
元素circel可以画圆相关图形, 指定中心点的x坐标和y坐标以及半径,如r=”50”...,以使图形完全填充视口,
2:按较大的尺寸等比例缩放图形并裁剪掉超出视口的部分
3:拉伸和挤压绘图以使其恰好填充新的视口
属相preserveAspectRatio允许我们指定被缩放的图形相对于视口的对齐方式...参数适配viewBox视口
参数slice会裁剪图形不适合视口的部分,
如果使用none参数,图像不会被等比例缩放,以使它的用户坐标适合视口.