SVG是一种图像文件格式,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器来观看。
在项目开发中svg的功能是一个逐步了解和熟悉的过程,现就地图数据化开发做以总结:
1.代码过多:svg多个区域时,每个区域都有单独的path代码;
2.定位麻烦:插入图片和文字时,需要根据xy坐标定位,但是如果svg图片有调整时,尤其是在AI中有调整位置时,已有的定位可能全部作废。严重影响开发效率!
3.无法自适应窗口:自适应就需要改变svg的长宽,意味着坐标的自适应改变;
4.无法放大:当区域面积小,需要放大效果时,暂时无法做到;
5.区域面积无填充色:使用fill="none"时,鼠标滑过无法精准定位;
6.阴影效果:阴影只能使用高斯模糊属性,区域本身颜色SourceGraphic或黑色阴影SourceAlpha;
需要学习确认的功能:
1.svg可以做下钻地图开发;
2.svg可以和threejs结合,开发3D效果;
3.svg可以多路径动画;
4.svg可以解决自定义区域的边界轮廓,而echarts对乡镇级别以下或自定义的geojson获取难度较大;
Done!