一种基于Canvas API的多端绘图方法技术

本发明专利技术公开了一种基于Canvas API的多端绘图方法，通过调用Canvas API定义的绘图方法进行绘图，同时生成若干个绘制逻辑，然后将若干个绘制逻辑转换成对应的绘制命令，并以所有的绘制命令构建命令集合，最后将命令集合传输至原生端，以供原生端根据命令集合，触发视图绘制并完成绘图，采用发明专利技术提供的实施例，能够提高绘图性能与易用性，降低了开发与维护的成本。

A multi terminal drawing method based on canvas API

【技术实现步骤摘要】
一种基于CanvasAPI的多端绘图方法
本专利技术涉及数据处理
，尤其涉及一种基于CanvasAPI的多端绘图方法。
技术介绍
ReactNative框架是Facebook公司开发并使用的基于JavaScript和React编写原生移动应用的开源框架。ReactNative所使用的基础UI组件和原生应用完全一致，实现了一套代码同时开发iOS与Android多端应用。图表，是一种与各种图形相关的数据可视化的表达形式。在证券类APP里，各种理财类产品，股票行情K线，证券分析类产品的展示都需要用图表来展示。CanvasAPI是一种Web开发技术，由W3C(WorldWideWebConsortium，万维网联盟)定义了图形绘制的方法与实现规范。CanvasAPI主要聚焦于2D图形，定义了各种图形绘制的方法。使用CanvasAPI绘图是编写命令式的代码与调用方式。在ReactNative框架中，对于复杂图表的技术选型，主要有两个常见方案可以选择WebView与原生端组件方案，WebView方案是使用Web图表库，在网页里本文档来自技高网...

【技术保护点】
1.一种基于Canvas API的多端绘图方法，其特征在于，包括以下步骤：/n调用Canvas API定义的绘图方法进行绘图，同时生成若干个绘制逻辑；/n将所述若干个绘制逻辑转换成对应的绘制命令，并以所有的绘制命令构建命令集合；/n将所述命令集合传输至原生端，以供所述原生端根据所述命令集合，触发视图绘制并完成绘图。/n

【技术特征摘要】
1.一种基于CanvasAPI的多端绘图方法，其特征在于，包括以下步骤：
调用CanvasAPI定义的绘图方法进行绘图，同时生成若干个绘制逻辑；
将所述若干个绘制逻辑转换成对应的绘制命令，并以所有的绘制命令构建命令集合；
将所述命令集合传输至原生端，以供所述原生端根据所述命令集合，触发视图绘制并完成绘图。


2.如权利要求1所述的基于CanvasAPI的多端绘图方法，其特征在于，所述绘制命令包括绘制方法和绘制参数。


3.如权利要求1所述的基于CanvasAPI的多端绘图方法，其特征在于，所述原生端在接收到所述命令集合后，根据所述命令集合中的绘制方法和绘制参数，采用反射动态调用技术调用对应的Canvas...

【专利技术属性】
技术研发人员：谢杨玲，张淼，杜瑞罡，蒋荣，
申请(专利权)人：广发证券股份有限公司，
类型：发明
国别省市：广东;44