矢量图形的用途:1:计算机辅助绘图,CAD,可以精确地测量和放大绘图以便查看细节非常重要,2:设计用于高分辨率打印图形的程序,
SVG的特点:可缩放,不失真,无锯齿,或锯齿不明显.
SVG文档:
<?...SVG
SVG作为图像,作为图像,作为CSS背景,作为对象,内联SVG
SVG的坐标系统
视口,文档使用的画布区域称为视口,单位可以em,默认字体大小,ex 字母x的高度,px像素,pt点pc12点cm...,以使图形完全填充视口,
2:按较大的尺寸等比例缩放图形并裁剪掉超出视口的部分
3:拉伸和挤压绘图以使其恰好填充新的视口
属相preserveAspectRatio允许我们指定被缩放的图形相对于视口的对齐方式...参数适配viewBox视口
参数slice会裁剪图形不适合视口的部分,
如果使用none参数,图像不会被等比例缩放,以使它的用户坐标适合视口....,不需要指定终点,自动闭合
属性fill-rule规定填充的规则,二个值为nonzero 默认和evenodd
折线 不会自动闭合
当使用 和划线时