使用Illustrator绘制SVG图形总结.docx

使用Illustrator绘制SVG图形总结SVG是可缩放矢量图像格式（Scalable Vector Graphics）的简称。SVG标准由权威的W3C组织制定并推荐，它基于XML（可扩展标识语言），是一个全新的标准开放的矢量图像和动画格式。使用Illustrator CS5绘制矢量图，存储为svg格式。实例1：火电机组运行监视图效果图：源代码：?xml version=1.0 encoding=utf-8?!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN /Graphics/SVG/1.1/DTD/svg11.dtd [!ENTITY ns_extend /Extensibility/1.0/!ENTITY ns_ai /AdobeIllustrator/10.0/!ENTITY ns_graphs /Graphs/1.0/!ENTITY ns_vars /Variables/1.0/!ENTITY ns_imrep /ImageReplacement/1.0/!ENTITY ns_sfw /SaveForWeb/1.0/!ENTITY ns_custom /GenericCustomNamespace/1.0/!ENTITY ns_adobe_xpath /XPath/1.0/]svg version=1.1 xmlns:x=ns_extend; xmlns:i=ns_ai; xmlns:graph=ns_graphs; xmlns=/2000/svg xmlns:xlink=/1999/xlink x=0px y=0px width=856.063px height=527.245px viewBox=0 0 856.063 527.245 enable-background=new 0 0 856.063 527.245 xml:space=preserveswitchforeignObject requiredExtensions=ns_ai; x=0 y=0 width=1 height=1i:pgfRef xlink:href=#adobe_illustrator_pgf/i:pgfRef/foreignObjectg i:extraneous=selfg id=SBGroupg id=yancongGrouplinearGradient id=yancong_2_ gradientUnits=userSpaceOnUse x1=25.8926 y1=167.5176 x2=64.8926 y2=167.5176stop offset=0 style=stop-color:#000000/stop offset=0.0417 style=stop-color:#333333/stop offset=0.0844 style=stop-color:#5E5E5E/stop offset=0.1292 style=stop-color:#848484/stop offset=0.1755 style=stop-color:#A3A3A3/stop offset=0.2237 style=stop-color:#BBBBBB/stop offset=0.2748 style=stop-color:#CCCCCC/stop offset=0.3306 style=stop-color:#D6D6D6/stop offset=0.4 style=stop-color:#D9D9D9/stop offset=0.5 style=stop-color:#F2F2F2/stop offset=0.6 style=stop-color:#D9D9D9/stop offset=1 style=stop-color:#000000//linearGradientpolygon id=yancong_1_ fill=url(#yancong_2_) stroke=#898989 stroke-miterlimit=10 points=64.893,282.594 25.893,282.594 35.83,52.441 54.893,52.469 /polygon id=red03 fill=#E71F19 points=56.92,96.094 33.676,96.094 34.044,89.094 56.58,89.094 /polygon id=red02 fill=#E71F19 po