SVG使用ciecle来创建圆形. 代码解析： cx和cy属性定义圆点的x和y坐标。如果省略cx和cy，圆的中心会被设置为(0, 0)。 r属性定义圆的半径。

SVG使用line画直线，使用polyline画折线。 直线 折线

SVG使用rect来创建矩形，里面的元素包括原点，宽度长度，不透明度等。 参考示例代码：

SVG使用ellipse来绘制一个椭圆，包括圆。不同之处在于椭圆有不同的x和y半径，而圆的x和y半径是相同的 代码解析： RX属性定义的水平半径，RY属性定义的垂直半径。

图形的格式有很多，比如JPG，GIF等，今天我们了解下SVG。 什么是SVG？ SVG指可伸缩矢量图形 (Scalable Vector Graphics)； 使用 XML 来描述二维图形和绘图程序的语言、是可伸缩的、是万维网联

viewBox详解： svg的是没有边界的，svg画布只是用于展示svg世界中某一个范围的内容，而对于超过了svg画布范围的内容，则会被遮挡。默认svg画布默认显示世界坐标下原点坐标的width*heig

因为SVG矢量图的优势关系，希望制作svg图片，目前手头有photoshop工具，没有Adobe Illustrator等专业软件。在目前拥有的环境下，使用ps来制作svg 安装插件 save-ps-to-svg1.0.jsx 下载一个脚本文件

SVG滤镜用来增加对SVG图形的特殊效果。 可以在每个 SVG 元素上使用多个滤镜 SVG可用的滤镜是： feBlend-与图像相结合的滤镜 feColorMatrix-用于彩色滤光片转换 feComponentTransfer feComposite feCon

SVG Stroke 属性 应用于任何种类的线条，文字和元素就像一个圆的轮廓。包括 stroke 属性定义一条线，文本或元素轮廓颜色 stroke-width 属性定义了一条线，文本或元素轮廓厚度 stroke-lineca

网络上有很多网站提供一种支持在线编辑SVG的JS方法。我们借用成功的经验即可。 网址 http://www.zuohaotu.com/svg/ https://c.runoob.com/more/svgeditor/