在canvas性能优化上，主要列了几点：

1、减少绘制API的调用次数

2、减少上下文的状态改变

3、避免使用绘制特效，如阴影，模糊等

4、使用缓存预绘制技术

5、只渲染改变的部分

6、动画使用requestAnimationFrame

这些大部分展示都是在浏览器进行实时绘制渲染的，所以就算再优化，性能上数据大到一定界别也还是会有瓶颈，一些部分的效果我们就选择使用离线渲染生成图片的方式来实现，这样在前端就不会有性能瓶颈了，我们选择的是与canvas对应的node-canvas技术来在服务端生成图片，这样同一份前端的代码也可以在服务端进行渲染了，最典型的应用就是我们的个性化地图，同时支持前端canvas实时渲染，也能兼容ie6、7等其他浏览器，使用node-canvas生成瓦片图。

前端技术知识方面，传统的前端主要是使用html、js、css来构建系统页面，我们数据可视化产品除了传统的产品页面开发外，地理信息方面还需要了解一些gis知识，还有webgis还需要了解3d方面一些知识。当然同时我们也不会受传统的浏览器兼容性方面的限制，各种移动端、HTML5、css3、webgl技术我们都可以尝试应用。拥抱开源，使用开源代码，尽量不重复造轮子，同时一些我们的技术也会进行开源。

via:城市数据团

End.

转载请注明来自36大数据（36dsj.com)：36大数据 » 让地图讲故事的秘密：数据可视化

标签：

  除非特别注明，本站所有文章均不代表本站观点。报道中出现的商标属于其合法持有人。请遵守理性，宽容，换位思考的原则。

猜你喜欢

评论 抢沙发