揽月凡尘

完全自研的在线CAD系统

对于MVT的矢量切片，JSMap的逻辑是在上层基本完全复刻CAD的基本对象，在对象中添加一个渲染方法，最终是将生成的SVG对象传入到Canvas中。梦想控件 在线CAD有两种方式，一种是比较古老的Com组件(不能跨平台、依赖IE）和最新使用threejs来实现的在线CAD的渲染，支持将CAD的渲染图层嵌入到mapbox-js的自定义图层中渲染(主要是接管WebGL的上下文),其渲染的样式由mxCAD基于threejs来来实现其渲染，其原理还是使用在前端来实现自定义渲染。本文简单的测试了一下。

最近做在线CAD可视化与编辑，对前端的可视化渲染技术进行了选型，对于二维CAD来说一般用canvas就够了，但是canvas每一次平移，缩放，更新数据都需要重新计算渲染所有的图形数据，数据一多就显得非常卡。如果使用三维webgl，在没有任何第三方的开源封装技术下，通过webgl去实现二维也是会遇到很多问题。基于此，找到了PixiJS这个支持canvas和webgl渲染的引擎，关键是非常快(之前在github看到过一个在线的程序测试，有十几种渲染引擎的测试，我对比过确实是最强的，这个网站忘记在哪里了)