The embodiment of the invention discloses a method and a device for drawing a data; the embodiment of the invention adopts multiple drawing canvas in the browser, then get the drawing data of a plurality of stay, and grouping the plurality of data to be drawn, to obtain a plurality of data sets, which, according to the number of groups by at least one a data to be drawn, and the number of equal number and the drawing of the picture, which are data group, the distribution of each corresponding to the drawing canvas, a data set corresponding to a drawing canvas, the drawing canvas of the corresponding data sets for image rendering; this scheme can shorten the drawing canvas (such as canvas draw the image data), compared with the prior art, shorten the display time of the image data, slowing the display delay.
【技术实现步骤摘要】
一种数据绘制方法和装置
本专利技术涉及通信
,具体涉及一种数据绘制方法和装置。
技术介绍
HTML5是HTML(HyperTextMarkupLanguage,超文本标记语言)最新的修订版本,简称H5,2014年10月由万维网联盟(W3C)完成标准制定。目标是取代1999年所制定的HTML4.01和XHTML1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求。Canvas为h5提供的一种高效绘图画布,可使用JavaScript脚本在网页上绘制图形,例如,画图,合成照片,创建动画甚至实时视频处理与渲染等。在对现有技术的研究和实践过程中,本专利技术的专利技术人发现,由于Canvas绘制数据的图像时需要在绘制完所有待绘制数据的图像之后,才会显示数据的图像,因此,在利用Canvas绘制大量数据的图像时绘制数据图像的时间比较长,会导致数据图像的显示时间较长和出现明显的显示延迟。
技术实现思路
本专利技术实施例提供一种数据绘制方法和装置,可以解决在利用Canvas绘制大量数据的图像时绘制数据图像的时间比较长,会导致数据图像的显示时间较长和出现明显的显示延迟的技术问题。本专利技术实施例提供一种数据绘制方法,包括:在浏览器上设置多个绘图画布;获取多个待绘制数据,并对所述多个待绘制数据进行分组,以得到多个数据组,其中,所述数据组由至少一个待绘制数据组成,且数量与所述绘图画面的数量相等;分别为所述每个所述绘图画布分配对应的所述数据组,其中,一个所述数据组对应一个所述绘图画布;采用所述绘图画布对与其对应的数据组进行图像绘制。相应的,本专利技术实施例 ...
【技术保护点】
一种数据绘制方法,其特征在于,包括:在浏览器上设置多个绘图画布;获取多个待绘制数据,并对所述多个待绘制数据进行分组,以得到多个数据组,其中,所述数据组由至少一个待绘制数据组成,且数量与所述绘图画面的数量相等;分别为每个所述绘图画布分配对应的所述数据组,其中,一个所述数据组对应一个所述绘图画布;采用所述绘图画布对与其对应的数据组进行图像绘制。
【技术特征摘要】
1.一种数据绘制方法,其特征在于,包括:在浏览器上设置多个绘图画布;获取多个待绘制数据,并对所述多个待绘制数据进行分组,以得到多个数据组,其中,所述数据组由至少一个待绘制数据组成,且数量与所述绘图画面的数量相等;分别为每个所述绘图画布分配对应的所述数据组,其中,一个所述数据组对应一个所述绘图画布;采用所述绘图画布对与其对应的数据组进行图像绘制。2.如权利要求1所述的数据绘制方法,其特征在于,所述采用所述绘图画布对与其对应的数据组进行图像绘制的步骤具体包括:依次采用所述绘图画布对与其对应的数据组进行图像绘制。3.如权利要求2所述的数据绘制方法,其特征在于,所述依次采用所述绘图画布对与其对应的数据组进行图像绘制的步骤具体包括:根据所述浏览器的刷新频率,依次采用所述绘图画布对与其对应的数据组进行图像绘制。4.如权利要求3所述的数据绘制方法,其特征在于,所述根据所述浏览器的刷新频率,依次采用所述绘图画布对与其对应的数据组进行图像绘制的步骤具体包括:根据所述浏览器的刷新频率确定绘制图像的时间间隔;根据所述时间间隔,依次采用所述绘图画布对与其对应的数据组进行图像绘制。5.如权利要求1-4任一项所述的数据绘制方法,其特征在于,所述在浏览器上设置多个绘图画布的步骤具体包括:根据预设图像显示时间和待绘制数据的预设数量,确定需要绘图画布的数量,该数量大于1;根据确定的数量...
【专利技术属性】
技术研发人员:李一非,
申请(专利权)人:腾讯科技深圳有限公司,
类型:发明
国别省市:广东,44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。