CN106997348A - 一种数据绘制方法和装置 - Google Patents
一种数据绘制方法和装置 Download PDFInfo
- Publication number
- CN106997348A CN106997348A CN201610043870.6A CN201610043870A CN106997348A CN 106997348 A CN106997348 A CN 106997348A CN 201610043870 A CN201610043870 A CN 201610043870A CN 106997348 A CN106997348 A CN 106997348A
- Authority
- CN
- China
- Prior art keywords
- data
- painting canvas
- data group
- canvas
- image
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/80—Information retrieval; Database structures therefor; File system structures therefor of semi-structured data, e.g. markup language structured data such as SGML, XML or HTML
- G06F16/83—Querying
- G06F16/838—Presentation of query results
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Information Transfer Between Computers (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种数据绘制方法和装置;本发明实施例采用在浏览器上设置多个绘图画布,然后,获取多个待绘制数据,并对该多个待绘制数据进行分组,以得到多个数据组,其中,该数据组由至少一个待绘制数据组成,且数量与该绘图画面的数量相等,分别为每个该绘图画布分配对应的数据组,其中,一个数据组对应一个绘图画布,采用该绘图画布对与其对应的数据组进行图像绘制;该方案可以缩短绘图画布(比如canvas)绘制数据图像的时间,相对于现有技术而言,缩短了数据图像的显示时间,减缓了显示延迟。
Description
技术领域
本发明涉及通信技术领域,具体涉及一种数据绘制方法和装置。
背景技术
HTML5是HTML(Hyper Text Markup Language,超文本标记语言)最新的修订版本,简称H5,2014年10月由万维网联盟(W3C)完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求。
Canvas为h5提供的一种高效绘图画布,可使用JavaScript脚本在网页上绘制图形,例如,画图,合成照片,创建动画甚至实时视频处理与渲染等。
在对现有技术的研究和实践过程中,本发明的发明人发现,由于Canvas绘制数据的图像时需要在绘制完所有待绘制数据的图像之后,才会显示数据的图像,因此,在利用Canvas绘制大量数据的图像时绘制数据图像的时间比较长,会导致数据图像的显示时间较长和出现明显的显示延迟。
发明内容
本发明实施例提供一种数据绘制方法和装置,可以解决在利用Canvas绘制大量数据的图像时绘制数据图像的时间比较长,会导致数据图像的显示时间较长和出现明显的显示延迟的技术问题。
本发明实施例提供一种数据绘制方法,包括:
在浏览器上设置多个绘图画布;
获取多个待绘制数据,并对所述多个待绘制数据进行分组,以得到多个数据组,其中,所述数据组由至少一个待绘制数据组成,且数量与所述绘图画面的数量相等;
分别为所述每个所述绘图画布分配对应的所述数据组,其中,一个所述数据组对应一个所述绘图画布;
采用所述绘图画布对与其对应的数据组进行图像绘制。
相应的,本发明实施例还提供一种数据绘制装置,包括:
设置单元,用于在浏览器上设置多个绘图画布;
分组单元,用于获取多个待绘制数据,并对所述多个待绘制数据进行分组,以得到多个数据组,其中,所述数据组由至少一个待绘制数据组成,且数量与所述绘图画面的数量相等;
分配单元,用于分别为所述每个所述绘图画布分配对应的所述数据组,其中,一个所述数据组对应一个所述绘图画布;
绘制单元,用于采用所述绘图画布对与其对应的数据组进行图像绘制。
本发明实施例采用在浏览器上设置多个绘图画布,然后,获取多个待绘制数据,并对该多个待绘制数据进行分组,以得到多个数据组,其中,该数据组由至少一个待绘制数据组成,且数量与该绘图画面的数量相等,分别为每个该绘图画布分配对应的数据组,其中,一个数据组对应一个绘图画布,采用该绘图画布对与其对应的数据组进行图像绘制;由于该方案可以将所有待绘制数据划分成多组数据,并采用多个绘图画布分别对多组待绘制数据进行绘制,缩短了绘图画布(比如canvas)绘制数据图像的时间,相对于现有技术而言,缩短了数据图像的显示时间,减缓了显示延迟。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例一提供的数据绘制方法的流程图;
图2是本发明实施例二提供的数据绘制方法的另一流程图;
图3是本发明实施例三提供的数据绘制装置的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例提供一种数据绘制方法和装置。以下将分别进行详细说明。
实施例一、
本实施例将从数据绘制装置的角度进行描述,该数据绘制装置具体可以集成在终端或其他需要进行数据绘制的设备中。
一种数据绘制方法,其特征在于,包括:采用在浏览器上设置多个绘图画布,然后,获取多个待绘制数据,并对该多个待绘制数据进行分组,以得到多个数据组,其中,该数据组由至少一个待绘制数据组成,且数量与该绘图画面的数量相等,分别为每个该绘图画布分配对应的数据组,其中,一个数据组对应一个绘图画布,采用该绘图画布对与其对应的数据组进行图像绘制。
如图1所示,该数据绘制的具体流程可以如下:
101、在浏览器上设置多个绘图画布。
该浏览器可以为支持h5的绘图画布的浏览器,例如,谷歌浏览器,火狐浏览器,Opera浏览器,QQ浏览器,以及IE浏览器等主流浏览器。该绘图画布可以为canvas画布。
该多个绘图画布可以位于在不同层,此时,多个绘图画布即可成为多层绘图画布,例如,多个绘图画布重叠在浏览器上某个位置,这样可以节省浏览器资源。
102、获取多个待绘制数据,并对该多个待绘制数据进行分组,以得到多个数据组,其中,数据组由至少一个待绘制数据组成,且数量与该绘图画面的数量相等。
本实施例中,对数据进行分组的方式有多种,比如,可以对所有待绘制数据进行等分,以形成多个数据个数相同的数据组,即每个数据组的待绘制数量相同,以m个待绘制数据为例,此时,可将该m个数据划等分成n个数据组,每个数据组包含的数据个数相同;又比如,可以对所有待绘制数据进行划分,形成多个数据个数不相同的数据组,即每个数组的数据个数不相同;具体地,分组或者划分方式,以及数据组包含的数据个数均可以根据实际需求进行设定,比如,在设置了10个canvas画布时,将10万个数据分成10组,这10组的数据个数可以相同或者不同,也有可能是10组中有几组的数据个数相同,有几组数据个数不相同等。
本实施例中,待绘制数据可以有多种,比如可以为定位数据等。
103、分别为该每个绘图画布分配对应的数据组,其中,一个数据组对应一个绘图画布。
本实施例分别为该每个绘图画布分配对应的数据组的方式有多种,可以依次为每个绘图画布分配对应的数据组,或者同时为每个绘图画布分配对应的数据组;其中,依次为每个绘图画布分配数据组的方式如下:
(1)、可以根据绘图画布的标识依次为每个绘图画布分配对应的数据组,例如,可以按照标识的顺序依次为绘图画布分配对应的数据组,假设设置了5个canvas画布,即canvas1、canvas2、canvas3、canvas4、canvas5,将10万个数据分成5个数据组,包括数据组1、数据组2、数据组3、数据组4、数据组5,此时,可以先将数据组1分配给canvas1、然后,将数据组2分配给canvas2,依次类推,最后数据组5分配给canvas5。
(2)、在多个绘图画布位于不同层时,可以根据绘图画布对应的层次为依次为每个绘图画布分配对应的数据组;例如,按照顶层到底层的顺序依次为绘图画布分配对应的数据组等等。
104、采用该绘图画布对与其对应的数据组进行图像绘制。
比如,采用每个canvas画布对与其对应的数据组中的待绘制数据进行图像绘制,该对数据组进行图像绘制指的是绘制数据组中每个待绘制数据的图像。
具体地,采用绘图画布对与其对应的数据组进行图像绘制的方式有多种,比如,可以同时采用绘图画布对与其对应的数据组进行图像绘制,假设有10个canvas画布,同时采用这10个canvas画布对各自对应的数据组进行图像绘制,这种方式,可以大大减少绘图画布进行图像绘制的时间,缩短数据图像的显示时间。
由于同时采用多个绘图画布进行图像绘制,在数据量比较大时,会出现突然显示大量数据图像的情况,导致数据图像显示卡顿,不顺畅,因此,本实施例进行图像绘制的方式还可以为依次采用绘图画布对与其对应的数据组进行图像绘制,假设有N个canvas画布,先采用第一个canvas画布对与其对应的数据组进行图像绘制,然后采用第二个canvas画布对与其对应的数据组进行图像绘制,……,采用第N个canvas画布对与其对应的数据组进行图像绘制。由于依次采用绘图画布进行图像绘制,使得数据图像依次显示,可以提高数据图像的显示效果。
可选地,为了进一步缩短显示时间和提高数据图像的显示效果,本实施例可以结合浏览器的刷新频率来依次进行图像绘制,也即步骤“依次采用绘图画布对与其对应的数据组进行图像绘制”可以包括:根据该浏览器的刷新频率,依次采用绘图画布对与其对应的数据组进行图像绘制。比如,可以根据该浏览器的刷新频率确定绘制图像的时间间隔,然后,根据该时间间隔,依次采用绘图画布对与其对应的数据组进行图像绘制。
例如,在绘图画布为canvas画布时,可以通过s编写drawCanvas总步骤函数和drawSingleCanvas子步骤函数,drawCanvas用于整体入口,并设置变量n统计drawSingleCanvas当前执行到的进度。drawSingleCanvas操作每个canvas进行图像绘制,每操作一个canvas进行图像绘制,n++,drawSingleCanvas中可以用requestAnimationFrame来配合浏览器刷新频率的循环绘制,构建循环执行队列,并增加判断逻辑,当n等于N,结束执行,N为canvas画布的总个数。
可选地,本实施例中绘图画布的设置数量可以根据预设图像显示时间和待绘制数据的数量确定,也即,步骤“在浏览器上设置多个绘图画布”可以包括:根据预设图像显示时间和待绘制数据的预设数量,确定需要绘图画布的数量,该数量大于1;根据确定的数量在浏览器上设置对应数量的绘图画布。
比如,规定一次绘制的待绘制数据的数量为p,预设图像显示时间为T,先将所有待绘制数据划分成q份,判断采用绘图画布绘制并显示p/q个待绘制数据的图像的时间t是否小于等T,若是,则确定该q即为需要设置的绘图画布的数量;若否,则重新对所有待绘制数据进划分。以p为100万,T为0.05s时为例,先将所有待绘制数据划分成10份,判断采用绘图画布显示10万个待绘制数据的图像的时间t是否小于等T,此时t为0.1大于0.05,因此,还需要增加划分的份数,对所有待绘制数据重新划分,直到t小于T为止,若t小于T,则确定当前划分的份数即为需要设置的绘图画布的数量。其中,预先图像显示时间可以根据实际需求设定。
由上可知,本发明实施例采用在浏览器上设置多个绘图画布,然后,获取多个待绘制数据,并对该多个待绘制数据进行分组,以得到多个数据组,其中,该数据组由至少一个待绘制数据组成,且数量与该绘图画面的数量相等,分别为每个该绘图画布分配对应的数据组,其中,一个数据组对应一个绘图画布,采用该绘图画布对与其对应的数据组进行图像绘制;由于该方案可以将所有待绘制数据划分成多组数据,并采用多个绘图画布分别对多组待绘制数据进行绘制,缩短了绘图画布(比如canvas)绘制数据图像的时间,相对于现有技术而言,缩短了数据图像的显示时间,减缓了显示延迟;另外,本发明实施例还可以根据浏览器的刷新频率依次采用绘图画布进行绘制,加快了图像显示速度,进一步缩短了图像显示时间,并还给图像显示增加了渐变的动画效果,提升了用户体验。
实施例二、
根据实施例一所描述的方法,以下将举例作进一步详细说明。
在本实施例中,将以待绘制数据为定位数据、设置n层canvas画布、以及以该数据绘制装置具体集成在终端中为例进行详细说明。
如图2所示,一种数据绘制方法,具体流程可以如下:
201、终端在浏览器上设置n层canvas画布,n为大于1的正整数。
比如在QQ浏览器上设置相互重叠的10层canvas画布。
其中,n的取值可由预设图像显示时间和定位数据的总数量决定,比如1/a的canvas数据的显示时间小于或者等于该预设图像显示时间时,此时确定n=a,a为大于1的正整数。
202、终端通过网络获取m个定位数据,将m个定位数据平均划分成n个数据组。
其中,数据组的数量与画布的数量相等,每个数据组的定位数据数量相等,包含m/n个定位数据,该m/n的值为正整数。
在实际应用中,绘制的定位数据的数量在百万级,即m的单位可以为百万。比如,设置10个canvas画布,且需要对一百万个定位数据进行绘制时,将这一百万个定位数据平均划分成10个数据组,每个数据组由十万个定位数据组成。
203、终端分别为每层canvas画布分配对应的数据组,其中,一层canvas画布对应一个数据组。
比如,按照从底层到顶层的顺序依次为每层canvas画布分配对应的数据组,或者同时为每层canvas画布分配对应的数据组。
以10层画布为例,可以将第一数据组分配给第一层canvas画布,将第二数据分配给第二层canvas画布,……将第十个数据组分配给第十层canvas画布。
204、终端根据该浏览器的刷新频率,逐一采用canvas画布对与其对应的数据组进行图像绘制。
具体地,可以根据刷新频率确定图像绘制的时间间隔,并根据该时间间隔逐一采用canvas画布进行图像绘制,比如,可以设置定时器,并根据该时间间隔设置定时器的时间,采用当前层canvas画布进行图像绘制之后,开启定时器,当定时器的时间为0时,采用下一层canvas画布进行图像绘制。本实施例可以为每层canvas画布设置一个定时器,以触发采用每层canvas画布进行图像绘制。
可选地,本实施例还可以根据该时间间隔,并按照画布的层次顺序逐一进行图像绘制。
其中,采用canvas画布对数据组进行图像绘制可以为采用canvas画布对该数据组内所有的定位数据进行图像绘制,定位数据对应图像可以为亮点或者星点等,此时,可以利用本实施例方法绘制定位星云图,在实际应用中待绘制的图像可以根据实际需求进行设定。
例如,10层画布为例,先采用第一层canvas画布对数据组1进行图像绘制,在预设时长(该预设时长即为上述确定的时间间隔)之后,采用第二层canvas画布对数据组2进行图像绘制,在预设时长之后,采用第三层canvas画布对数据组3进行图像绘制,依次类推,最后采用第十层canvas画布对数据组10进行图像绘制。
由上可知,本发明实施例采用终端在浏览器上设置n层canvas画布,然后,终端通过网络获取m个定位数据,将m个定位数据平均划分成n个数据组,终端分别为每层canvas画布分配对应的数据组,终端根据该浏览器的刷新频率,逐一采用canvas画布对与其对应的数据组进行图像绘制;该方案可以将所有定位数据划分成多组数据,并根据浏览器的刷新频率逐一采用canvas画布对定位数据进行图像绘制,缩短了canvas画布绘制定位数据图像的时间,相对于现有技术而言,缩短了定位数据图像的显示时间,减缓了显示延迟;另外,还可以为定位数据图像的显示增加了渐变的动画显示效果,提示了用户体验。
实施例三、
为了更好地实施以上方法,本发明实施例还提供一种数据绘制装置,如图3所示,该数据绘制装置还可以包括设置单元301、分组单元302、分配单元303、和绘制单元304,如下:
设置单元301,用于在浏览器上设置多个绘图画布;
分组单元302,用于获取多个待绘制数据,并对该多个待绘制数据进行分组,以得到多个数据组,其中,该数据组由至少一个待绘制数据组成,且数量与该绘图画面的数量相等;
分配单元303,用于分别为每个绘图画布分配对应的所述数据组,其中,一个数据组对应一个绘图画布;
绘制单元304,用于采用该绘图画布对与其对应的数据组进行图像绘制。
比如,为进一步缩短图像显示时间和提示图像显示效果,绘制单元304,可以用于依次采用所述绘图画布对与其对应的数据组进行图像绘制。
又比如,为进一步缩短图像显示时间和提示图像显示效果,绘制单元304,可以具体用于根据所述浏览器的刷新频率,依次采用所述绘图画布对与其对应的数据组进行图像绘制。
可选地,绘制单元304可以包括确定子单元和图像绘制子单元;
确定子单元,用于根据浏览器的刷新频率确定绘制图像的时间间隔;
图像绘制子单元,用于根据该时间间隔,依次采用该绘图画布对与其对应的数据组进行图像绘制。
可选地,设置单元301,可以具体用于:
根据预设图像显示时间和待绘制数据的预设数量,确定需要绘图画布的数量,该数量大于1;
根据确定的数量在浏览器上设置对应数量的绘图画布。
具体实施时,以上各个单元可以作为独立的实体来实现,也可以进行任意组合,作为同一或若干个实体来实现,以上各个单元的具体实施可参见前面的方法实施例,在此不再赘述。
该数据绘制装置具体可以集成在终端或其他需要进行数据绘制的设备中。该数据绘制装置集成在终端的方式有多种,比如,以客户端或者其他软体形式集成在终端中。
由上可知,本发明实施例的数据绘制装置的设置单元301在浏览器上设置多个绘图画布,然后,由分组单元302获取多个待绘制数据,并对该多个待绘制数据进行分组,以得到多个数据组,其中,该数据组由至少一个待绘制数据组成,且数量与该绘图画面的数量相等,由分配单元303分别为每个该绘图画布分配对应的数据组,其中,一个数据组对应一个绘图画布,由绘制单元304采用该绘图画布对与其对应的数据组进行图像绘制;由于该方案可以将所有待绘制数据划分成多组数据,并采用多个绘图画布分别对多组待绘制数据进行绘制,缩短了绘图画布(比如canvas)绘制数据图像的时间,相对于现有技术而言,缩短了数据图像的显示时间,减缓了显示延迟;另外,本发明实施例还可以根据浏览器的刷新频率依次采用绘图画布进行绘制,加快了图像显示速度,进一步缩短了图像显示时间,并还给图像显示增加了渐变的动画效果,提升了用户体验。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取记忆体(RAM,Random Access Memory)、磁盘或光盘等。
以上对本发明实施例所提供的一种身数据绘制方法和装置进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (10)
1.一种数据绘制方法,其特征在于,包括:
在浏览器上设置多个绘图画布;
获取多个待绘制数据,并对所述多个待绘制数据进行分组,以得到多个数据组,其中,所述数据组由至少一个待绘制数据组成,且数量与所述绘图画面的数量相等;
分别为每个所述绘图画布分配对应的所述数据组,其中,一个所述数据组对应一个所述绘图画布;
采用所述绘图画布对与其对应的数据组进行图像绘制。
2.如权利要求1所述的数据绘制方法,其特征在于,所述采用所述绘图画布对与其对应的数据组进行图像绘制的步骤具体包括:
依次采用所述绘图画布对与其对应的数据组进行图像绘制。
3.如权利要求2所述的数据绘制方法,其特征在于,所述依次采用所述绘图画布对与其对应的数据组进行图像绘制的步骤具体包括:
根据所述浏览器的刷新频率,依次采用所述绘图画布对与其对应的数据组进行图像绘制。
4.如权利要求3所述的数据绘制方法,其特征在于,所述根据所述浏览器的刷新频率,依次采用所述绘图画布对与其对应的数据组进行图像绘制的步骤具体包括:
根据所述浏览器的刷新频率确定绘制图像的时间间隔;
根据所述时间间隔,依次采用所述绘图画布对与其对应的数据组进行图像绘制。
5.如权利要求1-4任一项所述的数据绘制方法,其特征在于,所述在浏览器上设置多个绘图画布的步骤具体包括:
根据预设图像显示时间和待绘制数据的预设数量,确定需要绘图画布的数量,该数量大于1;
根据确定的数量在浏览器上设置对应数量的绘图画布。
6.一种数据绘制装置,其特征在于,包括:
设置单元,用于在浏览器上设置多个绘图画布;
分组单元,用于获取多个待绘制数据,并对所述多个待绘制数据进行分组,以得到多个数据组,其中,所述数据组由至少一个待绘制数据组成,且数量与所述绘图画面的数量相等;
分配单元,用于分别为每个所述绘图画布分配对应的所述数据组,其中,一个所述数据组对应一个所述绘图画布;
绘制单元,用于采用所述绘图画布对与其对应的数据组进行图像绘制。
7.如权利要求6所述的数据绘制装置,其特征在于,所述绘制单元,用于依次采用所述绘图画布对与其对应的数据组进行图像绘制。
8.如权利要求7所述的数据绘制装置,其特征在于,所述绘制单元,具体用于根据所述浏览器的刷新频率,依次采用所述绘图画布对与其对应的数据组进行图像绘制。
9.如权利要求8所述的数据绘制装置,其特征在于,所述绘制单元包括:确定子单元和图像绘制子单元;
所述确定子单元,用于根据所述浏览器的刷新频率确定绘制图像的时间间隔;
所述图像绘制子单元,用于根据所述时间间隔,依次采用所述绘图画布对与其对应的数据组进行图像绘制。
10.如权利要求6-9任一项所述的数据绘制装置,其特征在于,所述设置单元,具体用于:
根据预设图像显示时间和待绘制数据的预设数量,确定需要绘图画布的数量,该数量大于1;
根据确定的数量在浏览器上设置对应数量的绘图画布。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610043870.6A CN106997348A (zh) | 2016-01-22 | 2016-01-22 | 一种数据绘制方法和装置 |
PCT/CN2016/104240 WO2017124811A1 (zh) | 2016-01-22 | 2016-11-01 | 一种数据绘制方法和装置、终端、存储介质 |
US15/827,647 US10347023B2 (en) | 2016-01-22 | 2017-11-30 | Data drawing method and apparatus, terminal, and storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610043870.6A CN106997348A (zh) | 2016-01-22 | 2016-01-22 | 一种数据绘制方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106997348A true CN106997348A (zh) | 2017-08-01 |
Family
ID=59361443
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610043870.6A Pending CN106997348A (zh) | 2016-01-22 | 2016-01-22 | 一种数据绘制方法和装置 |
Country Status (3)
Country | Link |
---|---|
US (1) | US10347023B2 (zh) |
CN (1) | CN106997348A (zh) |
WO (1) | WO2017124811A1 (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109299412A (zh) * | 2018-08-24 | 2019-02-01 | 四川爱创科技有限公司 | 应用于web端的图片预处理方法 |
CN109360253A (zh) * | 2018-09-28 | 2019-02-19 | 共享智能铸造产业创新中心有限公司 | 一种大像素bmp格式图像的绘制方法 |
CN109672902A (zh) * | 2018-12-25 | 2019-04-23 | 百度在线网络技术(北京)有限公司 | 一种视频抽帧方法、装置、电子设备和存储介质 |
CN110297996A (zh) * | 2019-05-21 | 2019-10-01 | 深圳壹账通智能科技有限公司 | 基于h5页面的动画显示方法、装置、设备及存储介质 |
CN110677600A (zh) * | 2019-10-11 | 2020-01-10 | 福建星网视易信息系统有限公司 | 超宽画面的多组显示方法和系统、点播设备和点播系统 |
CN110708587A (zh) * | 2019-09-29 | 2020-01-17 | 南阳柯丽尔科技有限公司 | 窗口图像刷新频率确定方法、装置、计算机设备和介质 |
CN110838152A (zh) * | 2019-10-21 | 2020-02-25 | 稿定(厦门)科技有限公司 | 多图层混合后的快速截图方法和装置 |
CN111667546A (zh) * | 2020-06-08 | 2020-09-15 | 浙江中控技术股份有限公司 | 趋势画面的绘制方法及装置、电子设备、存储介质 |
CN114489910A (zh) * | 2022-02-10 | 2022-05-13 | 北京字跳网络技术有限公司 | 一种视频会议数据显示方法、装置、设备及介质 |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108242070A (zh) * | 2017-10-09 | 2018-07-03 | 北京车和家信息技术有限公司 | 一种图像绘制方法、图像绘制装置和计算机设备 |
CN109840195B (zh) * | 2017-11-29 | 2023-05-12 | 腾讯科技(武汉)有限公司 | 网页性能分析方法、终端设备及计算机可读存储介质 |
CN111652955A (zh) * | 2020-04-09 | 2020-09-11 | 北京奇艺世纪科技有限公司 | 一种数据展示方法、装置、计算机设备及存储介质 |
CN112214700B (zh) * | 2020-09-25 | 2022-12-27 | 武汉天喻聚联科技有限公司 | 一种基于室内定位的html5的可视化制作系统 |
CN112037332B (zh) * | 2020-09-28 | 2023-09-05 | 北京百度网讯科技有限公司 | 浏览器的显示校验方法、装置、计算机设备和存储介质 |
CN113259752A (zh) * | 2021-07-12 | 2021-08-13 | 广州闪畅信息科技有限公司 | 浏览器页面中的互动视频的播放控制方法、装置及服务器 |
CN114998478B (zh) * | 2022-07-19 | 2022-11-11 | 深圳市信润富联数字科技有限公司 | 数据处理方法、装置、设备及计算机可读存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2001273520A (ja) * | 2000-03-23 | 2001-10-05 | Famotik Ltd | マルチメディアドキュメント統合表示システム |
CN103281366A (zh) * | 2013-05-21 | 2013-09-04 | 山东地纬计算机软件有限公司 | 一种支持实时运行状态获取的嵌入式代理监控装置及方法 |
CN103873277A (zh) * | 2012-12-12 | 2014-06-18 | 中国科学院声学研究所 | 一种分层的网络拓扑可视化方法及系统 |
CN104053035A (zh) * | 2013-03-11 | 2014-09-17 | 索尼公司 | 用于增强多媒体内容的显示的系统及方法 |
US20150229960A1 (en) * | 2014-02-10 | 2015-08-13 | Fujitsu Limited | Information processing device, method, and terminal device |
CN104851120A (zh) * | 2014-02-17 | 2015-08-19 | 腾讯科技(北京)有限公司 | 视频处理的方法及装置 |
Family Cites Families (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101425238B (zh) * | 2007-10-30 | 2010-09-22 | 同济大学 | 交通地理信息系统生成方法 |
US9792363B2 (en) * | 2011-02-01 | 2017-10-17 | Vdopia, INC. | Video display method |
CN103891303B (zh) * | 2011-08-16 | 2018-03-09 | 黛斯悌尼软件产品有限公司 | 基于脚本的视频呈现 |
US8560600B2 (en) * | 2011-09-26 | 2013-10-15 | Google Inc. | Managing map elements using aggregate feature identifiers |
US10031728B2 (en) * | 2012-03-23 | 2018-07-24 | Comcast Cable Communications, Llc | Application support for network devices |
CN102722349B (zh) * | 2012-05-23 | 2015-07-29 | 广东威创视讯科技股份有限公司 | 一种基于地理信息系统的图像数据处理方法和系统 |
US20140047413A1 (en) * | 2012-08-09 | 2014-02-13 | Modit, Inc. | Developing, Modifying, and Using Applications |
US8972871B2 (en) * | 2013-01-21 | 2015-03-03 | Google Inc. | Supporting user interactions with rendered graphical objects |
CN103399729B (zh) * | 2013-06-28 | 2016-04-27 | 广州市动景计算机科技有限公司 | 一种HTML5 Canvas应用处理方法、装置及处理器 |
CN103699975A (zh) * | 2013-12-31 | 2014-04-02 | 深圳市科漫达智能管理科技有限公司 | 一种基于图片的小区地图生成和业务数据展现方法及系统 |
CN103902294B (zh) * | 2014-04-01 | 2017-10-10 | 广东威创视讯科技股份有限公司 | 一种浏览器图像显示方法及终端 |
US20160026730A1 (en) * | 2014-07-23 | 2016-01-28 | Russell Hasan | Html5-based document format with parts architecture |
-
2016
- 2016-01-22 CN CN201610043870.6A patent/CN106997348A/zh active Pending
- 2016-11-01 WO PCT/CN2016/104240 patent/WO2017124811A1/zh active Application Filing
-
2017
- 2017-11-30 US US15/827,647 patent/US10347023B2/en active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2001273520A (ja) * | 2000-03-23 | 2001-10-05 | Famotik Ltd | マルチメディアドキュメント統合表示システム |
CN103873277A (zh) * | 2012-12-12 | 2014-06-18 | 中国科学院声学研究所 | 一种分层的网络拓扑可视化方法及系统 |
CN104053035A (zh) * | 2013-03-11 | 2014-09-17 | 索尼公司 | 用于增强多媒体内容的显示的系统及方法 |
CN103281366A (zh) * | 2013-05-21 | 2013-09-04 | 山东地纬计算机软件有限公司 | 一种支持实时运行状态获取的嵌入式代理监控装置及方法 |
US20150229960A1 (en) * | 2014-02-10 | 2015-08-13 | Fujitsu Limited | Information processing device, method, and terminal device |
CN104851120A (zh) * | 2014-02-17 | 2015-08-19 | 腾讯科技(北京)有限公司 | 视频处理的方法及装置 |
Non-Patent Citations (4)
Title |
---|
崔浩然: "基于Android平台的手机游戏的设计与实现", 《中国优秀硕士学位论文全文数据库信息科技辑》 * |
张奇伟: "基于HTML5的移动应用的研究与开发", 《中国优秀硕士学位论文全文数据库信息科技辑》 * |
李毅: "一种快速地质绘图系统的研究与应用", 《豆丁网:HTTP://WWW.DOCIN.COM/P-1005810326.HTML》 * |
杨英清: "《UNIX系统V第4版,程序员指南 X11/NeWS图形窗口系统》", 31 December 1993, 电子工业出版社 * |
Cited By (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109299412B (zh) * | 2018-08-24 | 2022-04-05 | 四川爱创科技有限公司 | 应用于web端的图片预处理方法 |
CN109299412A (zh) * | 2018-08-24 | 2019-02-01 | 四川爱创科技有限公司 | 应用于web端的图片预处理方法 |
CN109360253A (zh) * | 2018-09-28 | 2019-02-19 | 共享智能铸造产业创新中心有限公司 | 一种大像素bmp格式图像的绘制方法 |
CN109360253B (zh) * | 2018-09-28 | 2023-08-11 | 共享智能装备有限公司 | 一种大像素bmp格式图像的绘制方法 |
CN109672902A (zh) * | 2018-12-25 | 2019-04-23 | 百度在线网络技术(北京)有限公司 | 一种视频抽帧方法、装置、电子设备和存储介质 |
CN110297996A (zh) * | 2019-05-21 | 2019-10-01 | 深圳壹账通智能科技有限公司 | 基于h5页面的动画显示方法、装置、设备及存储介质 |
CN110297996B (zh) * | 2019-05-21 | 2023-09-01 | 深圳壹账通智能科技有限公司 | 基于h5页面的动画显示方法、装置、设备及存储介质 |
CN110708587B (zh) * | 2019-09-29 | 2021-11-12 | 南阳柯丽尔科技有限公司 | 窗口图像刷新频率确定方法、装置、计算机设备和介质 |
CN110708587A (zh) * | 2019-09-29 | 2020-01-17 | 南阳柯丽尔科技有限公司 | 窗口图像刷新频率确定方法、装置、计算机设备和介质 |
CN110677600B (zh) * | 2019-10-11 | 2021-10-01 | 福建星网视易信息系统有限公司 | 超宽画面的多组显示方法和系统、点播设备和点播系统 |
CN110677600A (zh) * | 2019-10-11 | 2020-01-10 | 福建星网视易信息系统有限公司 | 超宽画面的多组显示方法和系统、点播设备和点播系统 |
CN110838152B (zh) * | 2019-10-21 | 2023-04-25 | 稿定(厦门)科技有限公司 | 多图层混合后的快速截图方法和装置 |
CN110838152A (zh) * | 2019-10-21 | 2020-02-25 | 稿定(厦门)科技有限公司 | 多图层混合后的快速截图方法和装置 |
CN111667546A (zh) * | 2020-06-08 | 2020-09-15 | 浙江中控技术股份有限公司 | 趋势画面的绘制方法及装置、电子设备、存储介质 |
CN114489910A (zh) * | 2022-02-10 | 2022-05-13 | 北京字跳网络技术有限公司 | 一种视频会议数据显示方法、装置、设备及介质 |
CN114489910B (zh) * | 2022-02-10 | 2024-05-17 | 北京字跳网络技术有限公司 | 一种视频会议数据显示方法、装置、设备及介质 |
Also Published As
Publication number | Publication date |
---|---|
US10347023B2 (en) | 2019-07-09 |
US20180082450A1 (en) | 2018-03-22 |
WO2017124811A1 (zh) | 2017-07-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106997348A (zh) | 一种数据绘制方法和装置 | |
CN103678408B (zh) | 一种查询数据的方法及装置 | |
CN104333465B (zh) | 一种心跳间隔设置的方法、装置及系统 | |
CN105335410B (zh) | 一种基于合成渲染加速的网页更新方法和装置 | |
CN106021421A (zh) | 一种加速网页渲染的方法及装置 | |
CN107958349A (zh) | 任务分配方法、装置、计算机设备和存储介质 | |
CN109361947A (zh) | 网络资源批量加载方法、智能电视、存储介质及装置 | |
CN103984743A (zh) | 一种管理内存资源的方法及装置 | |
CN111371616A (zh) | 一种面向numa架构服务器的虚拟网络功能链部署方法和系统 | |
CN104461634B (zh) | 网页上分享模块的加载方法和装置 | |
CN105009115B (zh) | 获取网络资源的方法和装置 | |
CN107222618A (zh) | 终端截屏方法及装置 | |
CN104331429B (zh) | 对网络对象进行多特征维度量化的方法及装置 | |
CN108268499A (zh) | 一种网页显示方法及装置 | |
CN107678863A (zh) | 页面组件通讯方法及装置 | |
CN108090035A (zh) | 数据处理方法及装置 | |
CN106789443A (zh) | 呈现网络访问请求分析结果的方法与装置 | |
CN109309858B (zh) | 一种互斥图标的显示方法、装置、设备及介质 | |
CN105204883B (zh) | 一种插件加载处理方法及装置 | |
CN106558019A (zh) | 图片排列方法及装置 | |
CN106919450A (zh) | 资源调整方法和装置 | |
CN108021345A (zh) | 一种图像浏览方法、系统、设备及计算机存储介质 | |
CN106161570A (zh) | 基于网页脚本的文件下载方法、装置、服务器组及系统 | |
CN106569816A (zh) | 一种渲染方法及装置 | |
CN105989151A (zh) | 网页抓取方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170801 |
|
RJ01 | Rejection of invention patent application after publication |