您当前的位置: 首页 > 

漏刻有时

暂无认证

  • 0浏览

    0关注

    717博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

svg数据可视化地图开发中遇到的问题总结

漏刻有时 发布时间:2020-08-21 08:31:06 ,浏览量:0

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!

关注
打赏
1661217259
查看更多评论
立即登录/注册

微信扫码登录

0.0359s