一种基于canvas与echarts实现飞线动效的方法及系统专利查询专利号|摘要-满商公司网

一种基于canvas与echarts实现飞线动效的方法及系统

基本信息

申请号	CN202210541889.9	申请日	-
公开（公告）号	CN114648603A	公开（公告）日	2022-06-21
申请公布号	CN114648603A	申请公布日	2022-06-21
分类号	G06T13/80（2011.01）I;G06F8/34（2018.01）I	分类	计算；推算；计数;
发明人	张俊雷	申请（专利权）人	杭州比智科技有限公司
代理机构	北京云科知识产权代理事务所（特殊普通合伙）	代理人	-
地址	311121浙江省杭州市余杭区仓前街道仓兴路1号23幢2-4楼
法律状态	-

摘要

本发明公开了一种基于canvas与echarts实现飞线动效的方法及系统，所述方法包括如下步骤：步骤S1，确定文档对象模型的树结构，所述树结构包括一个父元素和两个子元素；步骤S2，通过echarts实例指定可缩放矢量图形渲染器生成可视化图表；步骤S3，获取画布元素并对其设置相对父元素定位，设置画布元素宽高与echarts容器元素的宽高和它们父元素的宽高相同；步骤S4，根据可伸缩矢量图形路径元素获取飞线轨迹上的点坐标的集合；步骤S5，根据画布的2D渲染上下文调用Canvas 2D API绘制圆弧路径的方法在画布上绘制360度圆弧并填充颜色；步骤S6,声明飞线移动动画方法，实现飞线动效。本发明的方法和系统能够满足飞线特效的高要求，在数据可视化大屏显示中提升客户视觉体验。