点击空白处退出提示
作品详情
项目技术: react,react-router,react-konva,antd,mobx
项目成绩:
1.项目在开发过程中需要封装一个canvas组件,用于绘制俯视道路图,并能通过传参的方式对道路图进行修改。通过调研选择react-konva这个库,先限定画布的大小,然后通过计算得出每条道路的位置及长度,以group为单位绘制。通过旋转进而组合多个路口。整个组件分为若干个独立模块,限定props格式,易于使用和修改。
2.页面方面,将同一板块的多个相似页面进行组件抽离,通过传入的type决定渲染内容,这样做一是减少了重复代码,二是在后期版本更新迭代时,也能迅速找到修改位置,提高了代码的可为维护性。
3.数据运营模块涉及多个数据可视化,我采用了echarts-react,以多个模块的方式封装成一整个可视化组件。并通过websocket获取实时数据,更新组件数据。
4.canvas组件导出道路俯视图后,在中心测大屏上需要有实时车辆动画。算法层给出实时点位以及横向角,我通过websockt获取车辆的实时点,然后根据横向角来旋转车辆达到动画效果。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论