WO2017124811A1 - 一种数据绘制方法和装置、终端、存储介质 - Google Patents

一种数据绘制方法和装置、终端、存储介质 Download PDF

Info

Publication number
WO2017124811A1
WO2017124811A1 PCT/CN2016/104240 CN2016104240W WO2017124811A1 WO 2017124811 A1 WO2017124811 A1 WO 2017124811A1 CN 2016104240 W CN2016104240 W CN 2016104240W WO 2017124811 A1 WO2017124811 A1 WO 2017124811A1
Authority
WO
WIPO (PCT)
Prior art keywords
data
canvas
image
drawn
canvases
Prior art date
Application number
PCT/CN2016/104240
Other languages
English (en)
French (fr)
Inventor
李一非
Original Assignee
腾讯科技（深圳）有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 腾讯科技（深圳）有限公司 filed Critical 腾讯科技（深圳）有限公司
Publication of WO2017124811A1 publication Critical patent/WO2017124811A1/zh
Priority to US15/827,647 priority Critical patent/US10347023B2/en

Links

Images

Classifications

    • 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
    • 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/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

Definitions

  • the present invention relates to the field of communications technologies, and relates to a data drawing method and apparatus, a terminal, and a storage medium.
  • HTML5 is the latest revision of HTML (Hyper Text Markup Language), referred to as H5, and was developed by the World Wide Web Consortium (W3C) in October 2014. The goal is to replace the HTML 4.01 and XHTML 1.0 standards developed in 1999, in order to meet the needs of contemporary networks when Internet applications are rapidly evolving.
  • HTML Hyper Text Markup Language
  • Canvas provides an efficient drawing canvas for H5 that uses JavaScript scripts to draw graphics on web pages, such as drawing, synthesizing photos, creating animations, and even real-time video processing and rendering.
  • the inventors of the present invention found that since the Canvas draws an image of the data, it is necessary to display the image of the data after all the images of the data to be drawn are drawn, and therefore, the Canvas is utilized. Drawing an image of a large amount of data takes a long time to produce a data image, which results in a longer display time of the data image and a noticeable display delay.
  • Embodiments of the present invention provide a data drawing method and device, a terminal, and a storage medium, which can Solving the problem of drawing a data image when drawing an image with a large amount of data using Canvas is relatively long, which leads to a technical problem of long display time of the data image and obvious display delay.
  • an embodiment of the present invention provides a data drawing method, including:
  • the drawing canvas is used to image the data group corresponding thereto.
  • an embodiment of the present invention further provides a data drawing apparatus, including:
  • Setting a unit configured to set a plurality of drawing canvases on the browser
  • a grouping unit configured to acquire a plurality of data to be drawn, and group the plurality of data to be drawn to obtain a plurality of data groups, wherein the data group is composed of at least one data to be drawn, and the quantity is The number of drawing pictures is equal;
  • a distribution unit configured to respectively allocate the corresponding data group for each of the drawing canvases, wherein one of the data groups corresponds to one of the drawing canvases;
  • the drawing unit is configured to perform image drawing on the data group corresponding thereto by using the drawing canvas.
  • an embodiment of the present invention provides a computer storage medium, wherein the computer storage medium stores computer executable instructions for executing a data drawing method provided by the first aspect of the present invention.
  • an embodiment of the present invention provides a terminal, including: a storage medium and a processor for storing executable instructions, where the processor is configured to execute the stored executable instructions, where the executable instructions include:
  • the drawing canvas is used to image the data group corresponding thereto.
  • the embodiment of the present invention adopts setting a plurality of drawing canvases on a browser, and then acquiring a plurality of data to be drawn, and grouping the plurality of data to be drawn to obtain a plurality of data groups, wherein the data group is composed of at least one
  • the data to be drawn is composed, and the number is equal to the number of the drawing pictures, and each corresponding drawing group is assigned a corresponding data group, wherein one data group corresponds to one drawing canvas, and the drawing canvas is used to perform image on the corresponding data group.
  • the scheme can divide all the data to be drawn into multiple sets of data, and use multiple drawing canvases to draw multiple sets of data to be drawn, shortening the time for the drawing canvas (such as canvas) to draw data images, relative to the present Technically, the display time of the data image is shortened, and the display delay is slowed down.
  • FIG. 1 is a flowchart of a data drawing method according to an embodiment of the present invention.
  • FIG. 2 is another flowchart of a data drawing method according to an embodiment of the present invention.
  • FIG. 3 is a schematic structural diagram of a data drawing apparatus according to an embodiment of the present invention.
  • FIG. 4 is a schematic structural diagram of an electronic device according to an embodiment of the present invention.
  • Embodiments of the present invention provide a data drawing method and apparatus, a terminal, and a storage medium. The details will be described separately below.
  • a data drawing method includes: setting a plurality of drawing canvases on a browser, and then acquiring a plurality of data to be drawn, and grouping the plurality of data to be drawn to obtain a plurality of data groups, wherein the data The group is composed of at least one data to be drawn, and the number is equal to the number of the drawing pictures, and each of the drawing canvas is assigned a corresponding data group, wherein one data group corresponds to one drawing canvas, and the drawing canvas corresponds to the corresponding one.
  • the data set is used for image drawing.
  • Step 101 Set multiple drawing canvases on the browser.
  • the browser can be a browser that supports H5's drawing canvas, such as Google Chrome, Firefox, Opera browser, QQ browser, and IE browser.
  • the drawing canvas can be a canvas canvas.
  • the plurality of drawing canvases can be located on different layers.
  • multiple drawing canvases can be multi-layer drawing canvases.
  • multiple drawing canvases overlap at a certain position on the browser, which can save browser resources.
  • Step 102 Acquire a plurality of data to be drawn, and group the plurality of data to be drawn to obtain a plurality of data groups, wherein the data group is composed of at least one data to be drawn, and the number is equal to the number of the drawing pictures.
  • all data to be drawn may be equally divided to form a data group with the same number of data, that is, the number of data to be drawn is the same for each data group.
  • the m data can be equally divided into n data groups, and each data group contains the same number of data; for example, all the data to be drawn can be divided and formed.
  • a data group with multiple data numbers is different, that is, the number of data in each array is different.
  • the grouping or division manner, and the number of data included in the data group can be set according to actual needs. For example, when 10 canvas canvases are set, 100,000 data is divided into 10 groups.
  • the number of data in the 10 groups may be the same or different, or there may be the same number of data in several groups of 10 groups, and the number of data in several groups is different.
  • Step 103 Assign a corresponding data group to each of the drawing canvases, wherein one data group corresponds to one drawing canvas.
  • corresponding data groups may be allocated for each drawing canvas in turn, or corresponding data groups may be allocated for each drawing canvas at the same time;
  • the way to assign a data set to each drawing canvas is as follows:
  • a corresponding data group can be assigned to each drawing canvas in turn according to the identification of the drawing canvas.
  • the corresponding data group can be assigned to the drawing canvas in the order of the identification, assuming that five canvas canvases are set, namely, canvas1.
  • Canvas2, canvas3, canvas4, and canvas5 divide 100,000 data into 5 data groups, including data group 1, data group 2, data group 3, data group 4, and data group 5.
  • data group 1 can be allocated first.
  • the corresponding data groups may be assigned to each drawing canvas according to the corresponding levels of the drawing canvas; for example, the corresponding data is allocated to the drawing canvas in order from the top layer to the bottom layer. Group and so on.
  • Step 104 Perform image drawing on the data group corresponding thereto by using the drawing canvas.
  • each canvas canvas is used to image the data to be drawn in the corresponding data group
  • the image drawing of the pair of data groups refers to the image of each data to be drawn in the data group.
  • a drawing canvas is used to image an image group corresponding thereto.
  • a drawing canvas can be used to draw an image of a corresponding data group, and it is assumed that there are 10 canvas canvases. At the same time, the 10 canvas canvases are used to image the corresponding data groups. This method can greatly reduce the time for drawing the image on the drawing canvas and shorten the display time of the data image.
  • the image drawing method in this embodiment can also be performed.
  • the first canvas canvas is used to image the corresponding data group, and then the second canvas canvas is used to correspond to the corresponding canvas.
  • the data group performs image drawing, ..., and the Nth canvas canvas is used to image the data group corresponding thereto. Since the image drawing is sequentially performed by using the drawing canvas, the data images are sequentially displayed, and the display effect of the data image can be improved.
  • the embodiment may sequentially perform image rendering in combination with the refresh frequency of the browser, that is, the step “the drawing canvas is sequentially used corresponding thereto.
  • the data group performing image drawing may include: sequentially drawing an image of the data group corresponding thereto according to the refresh frequency of the browser by using a drawing canvas.
  • the time interval for drawing the image may be determined according to the refresh frequency of the browser, and then, according to the time interval, the drawing canvas is sequentially used to image the data group corresponding thereto.
  • drawCanvas is used for the overall entry, and set Set variable n to count the progress of the current execution of drawSingleCanvas.
  • drawSingleCanvas operates on each canvas for image rendering.
  • Each operation of a canvas for image rendering, n++, drawSingleCanvas can use requestAnimationFrame to match the browser refresh frequency cycle drawing, build a loop execution queue, and increase the judgment logic, when n is equal to N, the end Execute, N is the total number of canvas canvases.
  • the number of settings of the drawing canvas in the embodiment may be determined according to the preset image display time and the number of data to be drawn, that is, the step “setting a plurality of drawing canvases on the browser” may include : determining, according to the preset image display time and the preset number of data to be drawn, the number of drawing canvases required, the number being greater than 1; and setting a corresponding number of drawing canvases on the browser according to the determined quantity.
  • the number of data to be drawn that is drawn once is p
  • the display time of the preset image is T.
  • all the data to be drawn are divided into q parts, and it is judged that the image of the p/q data to be drawn is drawn and displayed by using the drawing canvas. Whether the time t is less than equal T, and if so, it is determined that the q is the number of drawing canvases to be set; if not, all the data to be drawn is re-divided.
  • the pre-image display time can be set according to actual needs.
  • the embodiment of the present invention adopts setting a plurality of drawing canvases on a browser, and then acquiring a plurality of data to be drawn, and grouping the plurality of data to be drawn to obtain a plurality of data groups, wherein the data The group is composed of at least one data to be drawn, and the number is equal to the number of the drawing pictures, and each of the drawing canvas is assigned a corresponding data group, wherein one data group corresponds to one drawing canvas, and the drawing canvas corresponds to the corresponding one.
  • Data group for image drawing because this scheme can divide all data to be drawn into multiple sets of data, and use multiple drawing canvases
  • the drawing of the plurality of sets of data to be drawn is shortened, and the time for drawing the data image by the drawing canvas (such as a canvas) is shortened.
  • the display time of the data image is shortened, and the display delay is slowed down.
  • the present invention is implemented.
  • the example can also use the drawing canvas to draw according to the refresh rate of the browser, speed up the image display speed, further shorten the image display time, and also add a gradual animation effect to the image display, thereby improving the user experience.
  • the data to be drawn is used as positioning data
  • the n-layer canvas canvas is set
  • the data drawing device is integrated in a terminal such as a mobile phone or a personal computer as an example for detailed description.
  • a data drawing method can be implemented as follows:
  • Step 201 The terminal sets an n-layer canvas canvas on the browser, where n is a positive integer greater than 1.
  • Step 202 The terminal acquires m positioning data through the network, and divides the m positioning data into n data groups on average.
  • the number of data groups is equal to the number of canvases, and the number of positioning data of each data group is equal, including m/n positioning data, and the value of the m/n is a positive integer.
  • the number of positioning data drawn is in the order of one million, that is, the unit of m can be one million.
  • the million positioning data is equally divided into 10 data groups, and each data group is composed of 100,000 positioning data.
  • Step 203 The terminal allocates a corresponding data group for each canvas canvas, wherein one canvas canvas corresponds to one data group.
  • the first data group can be assigned to the first layer canvas canvas
  • the second data data can be assigned to the second layer canvas canvas
  • the tenth data group can be assigned to the tenth layer canvas canvas.
  • Step 204 The terminal uses the canvas canvas to image the data group corresponding thereto according to the refresh frequency of the browser.
  • the time interval for image drawing may be determined according to the refresh frequency, and the canvas canvas may be used to draw the image one by one according to the time interval.
  • a timer may be set, and the timer time is set according to the time interval. After the current layer canvas canvas is used to draw the image, the timer is started. When the timer time is 0, the next canvas canvas is used to draw the image.
  • a timer can be set for each canvas canvas to trigger image drawing by using each canvas canvas.
  • the present embodiment may further perform image drawing one by one according to the time interval and in the hierarchical order of the canvas.
  • the image drawing of the data group by using the canvas canvas can be performed by using the canvas canvas to image all the positioning data in the data group.
  • the corresponding image of the positioning data can be a bright point or a star point.
  • the method of this embodiment can be used.
  • the positioning nebula map is drawn, and the image to be drawn in the actual application can be set according to actual needs.
  • a 10-layer canvas is used as an example.
  • the first layer canvas is used to image the data group 1.
  • the second layer canvas is used to draw data.
  • Group 2 performs image rendering.
  • the third layer canvas canvas is used to image the data group 3, and so on.
  • the data layer 10 is imaged by using the tenth layer canvas canvas.
  • the embodiment of the present invention uses the terminal to set an n-layer canvas canvas on the browser. Then, the terminal obtains m positioning data through the network, and divides the m positioning data into n data groups on average, and the terminal respectively allocates corresponding data groups for each canvas canvas, and the terminal adopts the canvas canvas one by one according to the refresh frequency of the browser.
  • the image is drawn to the corresponding data group; the solution can divide all the positioning data into multiple sets of data, and use the canvas canvas to image the positioning data one by one according to the refresh rate of the browser, thereby shortening the drawing data of the canvas canvas.
  • the display time of the positioning data image is shortened, and the display delay is slowed down.
  • a gradual animation display effect can be added for the display of the positioning data image, which prompts the user experience.
  • the embodiment of the present invention further provides a data drawing device.
  • the data drawing device may further include a setting unit 301, a grouping unit 302, an allocating unit 303, and a drawing unit 304. as follows:
  • the setting unit 301 is configured to set a plurality of drawing canvases on the browser;
  • the grouping unit 302 is configured to acquire a plurality of data to be drawn, and group the plurality of data to be drawn to obtain a plurality of data groups, wherein the data group is composed of at least one data to be drawn, and the number and the drawing screen Equal in number;
  • the distribution unit 303 is configured to respectively allocate corresponding data groups for each drawing canvas, wherein one data group corresponds to one drawing canvas;
  • the drawing unit 304 is configured to perform image drawing on the data group corresponding thereto by using the drawing canvas.
  • the drawing unit 304 may be configured to sequentially perform image drawing on the data group corresponding thereto by using the drawing canvas.
  • the drawing unit 304 may be configured to sequentially perform image rendering on the data group corresponding thereto according to the refresh frequency of the browser.
  • rendering unit 304 may include determining subunits and images Drawing subunits
  • Determining a subunit configured to determine a time interval for drawing an image according to a refresh rate of the browser
  • the image drawing sub-unit is configured to sequentially perform image rendering on the data group corresponding thereto according to the time interval.
  • the setting unit 301 may be configured to: determine, according to the preset image display time and the preset number of data to be drawn, the number of drawings to be drawn, the number is greater than 1; browsing according to the determined quantity Set the corresponding number of drawing canvases on the device.
  • the foregoing units may be implemented as a separate entity, and may be implemented in any combination, and may be implemented as the same or a plurality of entities.
  • the foregoing method embodiments and details are not described herein.
  • the data rendering device can be integrated in a terminal or other device that requires data rendering.
  • the data drawing device is integrated in the terminal in various ways, for example, integrated in the terminal in the form of a client or other software.
  • the setting unit 301 of the data drawing apparatus of the embodiment of the present invention sets a plurality of drawing canvases on the browser, and then, the grouping unit 302 acquires a plurality of data to be drawn, and groups the plurality of data to be drawn.
  • the distribution unit 303 respectively allocates corresponding data groups for each of the drawing canvases, wherein one The data group corresponds to a drawing canvas, and the drawing unit 304 uses the drawing canvas to image the data group corresponding thereto; since the solution can divide all the data to be drawn into multiple sets of data, and use multiple drawing canvases to respectively group
  • the data to be drawn is drawn, which shortens the time for the drawing canvas (such as a canvas) to draw the data image.
  • the display time of the data image is shortened, and the display delay is slowed down.
  • the embodiment of the present invention can also The refresh rate of the browser is drawn by the drawing canvas in turn, which speeds up the image display speed. Step shorten the image display time, and returned to the image shown to increase the gradient animation to enhance the user experience.
  • Each unit included in the data drawing apparatus in the embodiment of the present invention, and each subunit included in each unit can be implemented by a processor in the terminal; of course, it can also be implemented by a logic circuit, and in the process of implementation, processing
  • the device can be a central processing unit (CPU), a microprocessor (MPU), a digital signal processor (DSP), or a field programmable gate array (FPGA).
  • CPU central processing unit
  • MPU microprocessor
  • DSP digital signal processor
  • FPGA field programmable gate array
  • the above data drawing method is implemented in the form of a software function module and sold or used as a stand-alone product, it may also be stored in a computer readable storage medium.
  • the technical solution of the embodiments of the present invention may be embodied in the form of a software product in essence or in the form of a software product stored in a storage medium, including a plurality of instructions.
  • a computer device (which may be a personal computer, server, or network device, etc.) is caused to perform all or part of the methods described in various embodiments of the present invention.
  • the foregoing storage medium includes various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read only memory (ROM), a magnetic disk, or an optical disk.
  • program codes such as a USB flash drive, a mobile hard disk, a read only memory (ROM), a magnetic disk, or an optical disk.
  • the embodiment of the present invention further provides a computer storage medium, where the computer storage medium stores computer executable instructions, and the computer executable instructions are used to execute the data drawing method in the embodiment of the present invention.
  • an embodiment of the present invention further provides a terminal, including: a storage medium and a processor for storing executable instructions, where the processor is configured to execute the stored executable instructions, where the executable instructions include:
  • the drawing canvas is used to image the data group corresponding thereto.
  • the program may be stored in a computer readable storage medium, and the storage medium may include: Read Only Memory (ROM), Random Access Memory (RAM), disk or optical disk.
  • ROM Read Only Memory
  • RAM Random Access Memory
  • the terminal may be implemented by various forms of electronic devices, for example, the electronic device may include, for example, a smart phone, a notebook computer, a tablet computer (PAD), a portable multimedia player (PMP), a navigation device.
  • the electronic device may include, for example, a smart phone, a notebook computer, a tablet computer (PAD), a portable multimedia player (PMP), a navigation device.
  • the computing device 400 may include: at least one processor 401, at least one communication bus 402, a user interface 403, at least one external communication interface 404, and Memory 405.
  • the communication bus 402 is used to implement connection communication between these components.
  • the user interface 403 can include a display screen and a keyboard.
  • the external communication interface 404 can optionally include a standard wired interface and a wireless interface.
  • the embodiment of the present invention adopts setting a plurality of drawing canvases on a browser, and then acquiring a plurality of data to be drawn, and grouping the plurality of data to be drawn to obtain a plurality of data groups, wherein the data group is composed of at least one
  • the data to be drawn is composed, and the number is equal to the number of the drawing pictures.
  • Each of the drawing canvas is assigned a corresponding data group, wherein one data group corresponds to one drawing canvas, and the drawing canvas is used to image the data group corresponding thereto; since the solution can divide all the data to be drawn into multiple groups.
  • Data and multiple drawing canvases are used to draw multiple sets of data to be drawn, which shortens the time for drawing the data image of the drawing canvas. Compared with the prior art, the display time of the data image is shortened, and the display delay is slowed down.

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)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

一种数据绘制方法和装置、终端、存储介质；所述方法包括：采用在浏览器上设置多个绘图画布（101）；然后，获取多个待绘制数据，并对该多个待绘制数据进行分组，以得到多个数据组，其中，该数据组由至少一个待绘制数据组成，且数量与该绘图画面的数量相等（102）；分别为每个该绘图画布分配对应的数据组，其中，一个数据组对应一个绘图画布（103）；采用该绘图画布对与其对应的数据组进行图像绘制（104）。

Description

一种数据绘制方法和装置、终端、存储介质
本专利申请要求2016年01月22日提交的中国专利申请号为201610043870.6，申请人为腾讯科技(深圳)有限公司，发明名称为“一种数据绘制方法和装置”的优先权，该申请的全文以引用的方式并入本申请中。
技术领域
本发明涉及通信技术领域，涉及一种数据绘制方法和装置、终端、存储介质。
背景技术
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是本发明实施例提供的数据绘制装置的结构示意图；
图4为本发明实施例电子设备的组成结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明实施例提供一种数据绘制方法和装置、终端、存储介质。以下将分别进行详细说明。
本实施例将从数据绘制装置的角度进行描述，该数据绘制装置可以集成在终端或其他需要进行数据绘制的设备中。
一种数据绘制方法，包括：采用在浏览器上设置多个绘图画布，然后，获取多个待绘制数据，并对该多个待绘制数据进行分组，以得到多个数据组，其中，该数据组由至少一个待绘制数据组成，且数量与该绘图画面的数量相等，分别为每个该绘图画布分配对应的数据组，其中，一个数据组对应一个绘图画布，采用该绘图画布对与其对应的数据组进行图像绘制。
如图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)绘制数据图像的时间，相对于现有技术而言，缩短了数据图像的显示时间，减缓了显示延迟；另外，本发明实施例还可以根据浏览器的刷新频率依次采用绘图画布进行绘制，加快了图像显示速度，进一步缩短了图像显示时间，并还给图像显示增加了渐变的动画效果，提升了用户体验。
根据图1所描述的方法，以下将举例作进一步详细说明。
在本实施例中，将以待绘制数据为定位数据、设置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)绘制数据图像的时间，相对于现有技术而言，缩短了数据图像的显示时间，减缓了显示延迟；另外，本发明实施例还可以根据浏览器的刷新频率依次采用绘图画布进行绘制，加快了图像显示速度，进一步缩短了图像显示时间，并还给图像显示增加了渐变的动画效果，提升了用户体验。
本发明实施例中数据绘制装置所包括的各单元，以及各单元所包括的各子单元，都可以通过终端中处理器来实现；当然还可以通过逻辑电路来实现，在实施的过程中，处理器可以为中央处理器(CPU)、微处理器(MPU)、数字信号处理器(DSP)或现场可编程门阵列(FPGA)等。
需要说明的是，本发明实施例中，如果以软件功能模块的形式实现上述的数据绘制方法，并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本发明各个实施例所述方法的全部或部分。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read Only Memory)、磁碟或者光盘等各种可以存储程序代码的介质。这样，本发明实施例不限制于任何特定的硬件和软件结合。
相应地，本发明实施例再提供一种计算机存储介质，所述计算机存储介质中存储有计算机可执行指令，该计算机可执行指令用于执行本发明实施例中数据绘制方法。
基于前述的实施例，本发明实施例再提供一种终端，包括：用于存储可执行指令的存储介质和处理器，其中处理器配置为执行存储的可执行指令，所述可执行指令包括：
在浏览器上设置多个绘图画布；
获取多个待绘制数据，并对所述多个待绘制数据进行分组，以得到多个数据组，其中，所述数据组由至少一个待绘制数据组成，且数量与所述绘图画面的数量相等；
分别为每个所述绘图画布分配对应的所述数据组，其中，一个所述 数据组对应一个所述绘图画布；
采用所述绘图画布对与其对应的数据组进行图像绘制。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、磁盘或光盘等。
在实现的过程中，终端可以采用各种形式的电子设备来实施，例如，电子设备可以包括诸如智能手机、笔记本电脑、平板电脑(PAD)、便携式多媒体播放器(PMP)、导航装置。
图4为本发明实施例电子设备的组成结构示意图，如图4所示，该计算设备400可以包括：至少一个处理器401、至少一个通信总线402、用户接口403、至少一个外部通信接口404和存储器405。其中，通信总线402用于实现这些组件之间的连接通信。其中，用户接口403可以包括显示屏和键盘。外部通信接口404可选的可以包括标准的有线接口和无线接口。
以上对本发明实施例所提供的一种数据绘制方法和装置、终端、存储介质进行了详细介绍，本发明中各实施例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的保护范围的限制。
工业实用性
本发明实施例采用在浏览器上设置多个绘图画布，然后，获取多个待绘制数据，并对该多个待绘制数据进行分组，以得到多个数据组，其中，该数据组由至少一个待绘制数据组成，且数量与该绘图画面的数量相等， 分别为每个该绘图画布分配对应的数据组，其中，一个数据组对应一个绘图画布，采用该绘图画布对与其对应的数据组进行图像绘制；由于该方案可以将所有待绘制数据划分成多组数据，并采用多个绘图画布分别对多组待绘制数据进行绘制，缩短了绘图画布绘制数据图像的时间，相对于现有技术而言，缩短了数据图像的显示时间，减缓了显示延迟。

Claims (12)

  1. 一种数据绘制方法，包括：
    在浏览器上设置多个绘图画布；
    获取多个待绘制数据，并对所述多个待绘制数据进行分组，以得到多个数据组，其中，所述数据组由至少一个待绘制数据组成，且所述数据组的数量与所述绘图画面的数量相等；
    分别为每个所述绘图画布分配对应的所述数据组，其中，一个所述数据组对应一个所述绘图画布；
    采用所述绘图画布对与其对应的数据组进行图像绘制。
  2. 如权利要求1所述的数据绘制方法，其中，所述采用所述绘图画布对与其对应的数据组进行图像绘制，包括：
    依次采用所述绘图画布对与该绘图画布对应的数据组进行图像绘制。
  3. 如权利要求2所述的数据绘制方法，其中，所述依次采用所述绘图画布对与该绘图画布对应的数据组进行图像绘制，包括：
    根据所述浏览器的刷新频率，依次采用所述绘图画布对与该绘图画布对应的数据组进行图像绘制。
  4. 如权利要求3所述的数据绘制方法，其中，所述根据所述浏览器的刷新频率，依次采用所述绘图画布对与该绘图画布对应的数据组进行图像绘制，包括：
    根据所述浏览器的刷新频率确定绘制图像的时间间隔；
    根据所述时间间隔，依次采用所述绘图画布对与绘制图像对应的数据组进行图像绘制。
  5. 如权利要求1至4任一项所述的数据绘制方法，其中，所述在浏览器上设置多个绘图画布的步骤包括：
    根据预设图像显示时间和待绘制数据的预设数量，确定需要绘图画布的数量，该数量大于1；
    根据确定的数量在浏览器上设置对应数量的绘图画布。
  6. 一种数据绘制装置，包括：
    设置单元，配置为在浏览器上设置多个绘图画布；
    分组单元，配置为获取多个待绘制数据，并对所述多个待绘制数据进行分组，以得到多个数据组，其中，所述数据组由至少一个待绘制数据组成，且所述数据组的数量与所述绘图画面的数量相等；
    分配单元，配置为分别为每个所述绘图画布分配对应的所述数据组，其中，一个所述数据组对应一个所述绘图画布；
    绘制单元，配置为采用所述绘图画布对与其对应的数据组进行图像绘制。
  7. 如权利要求6所述的数据绘制装置，其中，所述绘制单元，配置为依次采用所述绘图画布对与该绘图画布对应的数据组进行图像绘制。
  8. 如权利要求7所述的数据绘制装置，其特征在于，所述绘制单元，配置为根据所述浏览器的刷新频率，依次采用所述绘图画布对与该绘图画布对应的数据组进行图像绘制。
  9. 如权利要求8所述的数据绘制装置，其中，所述绘制单元包括：确定子单元和图像绘制子单元；
    所述确定子单元，配置为根据所述浏览器的刷新频率确定绘制图像的时间间隔；
    所述图像绘制子单元，配置为根据所述时间间隔，依次采用所述绘图画布对与该绘图画布对应的数据组进行图像绘制。
  10. 如权利要求6至9任一项所述的数据绘制装置，其中，所述设置单元，配置为：
    根据预设图像显示时间和待绘制数据的预设数量，确定需要绘图画布的数量，该数量大于1；
    根据确定的数量在浏览器上设置对应数量的绘图画布。
  11. 一种计算机存储介质，所述计算机存储介质中存储有计算机可执行指令，该计算机可执行指令用于执行权利要求1至5任一项所述的数据绘制方法。
  12. 一种终端，包括：用于存储可执行指令的存储介质和处理器，其中处理器配置为执行存储的可执行指令，所述可执行指令包括：
    在浏览器上设置多个绘图画布；
    获取多个待绘制数据，并对所述多个待绘制数据进行分组，以得到多个数据组，其中，所述数据组由至少一个待绘制数据组成，且所述数据组的数量与所述绘图画面的数量相等；
    分别为每个所述绘图画布分配对应的所述数据组，其中，一个所述数据组对应一个所述绘图画布；
    采用所述绘图画布对与其对应的数据组进行图像绘制。
PCT/CN2016/104240 2016-01-22 2016-11-01 一种数据绘制方法和装置、终端、存储介质 WO2017124811A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US15/827,647 US10347023B2 (en) 2016-01-22 2017-11-30 Data drawing method and apparatus, terminal, and storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201610043870.6 2016-01-22
CN201610043870.6A CN106997348A (zh) 2016-01-22 2016-01-22 一种数据绘制方法和装置

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US15/827,647 Continuation-In-Part US10347023B2 (en) 2016-01-22 2017-11-30 Data drawing method and apparatus, terminal, and storage medium

Publications (1)

Publication Number Publication Date
WO2017124811A1 true WO2017124811A1 (zh) 2017-07-27

Family

ID=59361443

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2016/104240 WO2017124811A1 (zh) 2016-01-22 2016-11-01 一种数据绘制方法和装置、终端、存储介质

Country Status (3)

Country Link
US (1) US10347023B2 (zh)
CN (1) CN106997348A (zh)
WO (1) WO2017124811A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108242070A (zh) * 2017-10-09 2018-07-03 北京车和家信息技术有限公司 一种图像绘制方法、图像绘制装置和计算机设备
CN109840195A (zh) * 2017-11-29 2019-06-04 腾讯科技（武汉）有限公司 网页性能分析方法、终端设备及计算机可读存储介质

Families Citing this family (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109299412B (zh) * 2018-08-24 2022-04-05 四川爱创科技有限公司 应用于web端的图片预处理方法
CN109360253B (zh) * 2018-09-28 2023-08-11 共享智能装备有限公司 一种大像素bmp格式图像的绘制方法
CN109672902A (zh) * 2018-12-25 2019-04-23 百度在线网络技术（北京）有限公司 一种视频抽帧方法、装置、电子设备和存储介质
CN110297996B (zh) * 2019-05-21 2023-09-01 深圳壹账通智能科技有限公司 基于h5页面的动画显示方法、装置、设备及存储介质
CN110708587B (zh) * 2019-09-29 2021-11-12 南阳柯丽尔科技有限公司 窗口图像刷新频率确定方法、装置、计算机设备和介质
CN110677600B (zh) * 2019-10-11 2021-10-01 福建星网视易信息系统有限公司 超宽画面的多组显示方法和系统、点播设备和点播系统
CN110838152B (zh) * 2019-10-21 2023-04-25 稿定（厦门）科技有限公司 多图层混合后的快速截图方法和装置
CN111652955A (zh) * 2020-04-09 2020-09-11 北京奇艺世纪科技有限公司 一种数据展示方法、装置、计算机设备及存储介质
CN111667546B (zh) * 2020-06-08 2023-07-18 浙江中控技术股份有限公司 趋势画面的绘制方法及装置、电子设备、存储介质
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 广州闪畅信息科技有限公司 浏览器页面中的互动视频的播放控制方法、装置及服务器
CN114489910B (zh) * 2022-02-10 2024-05-17 北京字跳网络技术有限公司 一种视频会议数据显示方法、装置、设备及介质
CN114998478B (zh) * 2022-07-19 2022-11-11 深圳市信润富联数字科技有限公司 数据处理方法、装置、设备及计算机可读存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101425238A (zh) * 2007-10-30 2009-05-06 同济大学 交通地理信息系统生成方法
CN102722349A (zh) * 2012-05-23 2012-10-10 广东威创视讯科技股份有限公司 一种基于地理信息系统的图像数据处理方法和系统
CN103699975A (zh) * 2013-12-31 2014-04-02 深圳市科漫达智能管理科技有限公司 一种基于图片的小区地图生成和业务数据展现方法及系统
CN103902294A (zh) * 2014-04-01 2014-07-02 广东威创视讯科技股份有限公司 一种浏览器图像显示方法及终端
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)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2001273520A (ja) * 2000-03-23 2001-10-05 Famotik Ltd マルチメディアドキュメント統合表示システム
US9792363B2 (en) * 2011-02-01 2017-10-17 Vdopia, INC. Video display method
CA2843766A1 (en) * 2011-08-16 2013-02-21 Destiny Software Productions Inc. Script-based video rendering
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
US20140047413A1 (en) * 2012-08-09 2014-02-13 Modit, Inc. Developing, Modifying, and Using Applications
CN103873277B (zh) * 2012-12-12 2017-08-25 中国科学院声学研究所 一种分层的网络拓扑可视化方法及系统
US8972871B2 (en) * 2013-01-21 2015-03-03 Google Inc. Supporting user interactions with rendered graphical objects
US20140259083A1 (en) * 2013-03-11 2014-09-11 Brant Candelore System and method for use in enhancing the display of multimedia content
CN103281366B (zh) * 2013-05-21 2016-03-30 山大地纬软件股份有限公司 一种支持实时运行状态获取的嵌入式代理监控装置及方法
CN103399729B (zh) * 2013-06-28 2016-04-27 广州市动景计算机科技有限公司 一种HTML5 Canvas应用处理方法、装置及处理器
US20160026730A1 (en) * 2014-07-23 2016-01-28 Russell Hasan Html5-based document format with parts architecture

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101425238A (zh) * 2007-10-30 2009-05-06 同济大学 交通地理信息系统生成方法
CN102722349A (zh) * 2012-05-23 2012-10-10 广东威创视讯科技股份有限公司 一种基于地理信息系统的图像数据处理方法和系统
CN103699975A (zh) * 2013-12-31 2014-04-02 深圳市科漫达智能管理科技有限公司 一种基于图片的小区地图生成和业务数据展现方法及系统
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 腾讯科技（北京）有限公司 视频处理的方法及装置
CN103902294A (zh) * 2014-04-01 2014-07-02 广东威创视讯科技股份有限公司 一种浏览器图像显示方法及终端

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108242070A (zh) * 2017-10-09 2018-07-03 北京车和家信息技术有限公司 一种图像绘制方法、图像绘制装置和计算机设备
CN109840195A (zh) * 2017-11-29 2019-06-04 腾讯科技（武汉）有限公司 网页性能分析方法、终端设备及计算机可读存储介质
CN109840195B (zh) * 2017-11-29 2023-05-12 腾讯科技（武汉）有限公司 网页性能分析方法、终端设备及计算机可读存储介质

Also Published As

Publication number Publication date
CN106997348A (zh) 2017-08-01
US20180082450A1 (en) 2018-03-22
US10347023B2 (en) 2019-07-09

Similar Documents

Publication Publication Date Title
WO2017124811A1 (zh) 一种数据绘制方法和装置、终端、存储介质
US20170177547A1 (en) Dynamic Content Layout Generator
CN106021421B (zh) 一种加速网页渲染的方法及装置
US8427503B2 (en) Method, apparatus and computer program product for creating graphical objects with desired physical features for usage in animation
JP5905638B2 (ja) ユーザ・インターフェース・コンテンツ個人別最適化システム
WO2017161784A1 (zh) 推荐内容的展示方法和装置
WO2017219833A1 (zh) 一种应用程序页面开发管理方法及装置
CN105593805B (zh) 基于移动装置定向定制移动媒体片尾用户界面
RU2632128C1 (ru) Способ и система загрузки фрагментов изображения на клиентское устройство
CN103713891A (zh) 一种在移动设备上进行图形渲染的方法和装置
WO2019085598A1 (zh) 计算页面首屏渲染时长的方法、装置及电子设备
WO2016202215A1 (zh) 实现动态图片预览的方法和装置、表情包展示方法和装置
WO2018126899A1 (zh) 一种视频界面显示方法及装置
US20150067024A1 (en) Autobatching
WO2015180448A1 (zh) 移动终端播放方式切换方法、装置、存储介质和程序
US20170091152A1 (en) Generating grid layouts with mutable columns
WO2017152776A1 (zh) 网络引擎启动方法及装置
JP6588577B2 (ja) 命令リストを生成することによるｆｌａｓｈコンテンツのｈｔｍｌコンテンツへの変換
CN107807934B (zh) 页面显示方法和装置以及计算设备
US20180246871A1 (en) Multiplane animation system
JP2015046017A (ja) 画像処理装置及び画像処理プログラム
US10467279B2 (en) Selecting digital content for inclusion in media presentations
RU2632150C1 (ru) Способ и система загрузки фрагментов изображения на клиентское устройство
CN105468402B (zh) 用于提供启动应用的时段的方法和装置
CN106407009A (zh) 一种图片显示方法和装置

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 16886071

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205 DATED 21/11/2018)

122 Ep: pct application non-entry in european phase

Ref document number: 16886071

Country of ref document: EP

Kind code of ref document: A1