Browser Canvas Data Drawing Parallel Rendering
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
When using a Canvas to draw large quantities of data, the process is time-consuming, resulting in significant display delays due to the need for all images to be fully drawn before they are displayed.
Innovation Solution
The method involves setting multiple plotting canvases on a browser, dividing the data into groups, and allocating each group to a corresponding canvas for immediate rendering within a preset image display time period, allowing for simultaneous or sequential drawing and display of sub-images.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Device complexity
If a single Canvas is used to draw all data images, then the drawing process is simple, but the display time period is long and display delay is apparent
Solution Approach 1:
The patent divides the data into multiple data groups and creates multiple plotting canvases (e.g., first plotting canvas, second plotting canvas, etc.). Each canvas is responsible for drawing a specific data group, allowing parallel processing and reducing the overall drawing time. This segmentation transforms a single long drawing operation into multiple shorter concurrent operations.
2Productivity
If multiple plotting canvases are used to draw data groups in parallel, then the display time period is reduced, but the device complexity increases
Solution Approach 1:
The patent introduces a time dimension by controlling the drawing speed and timing of each canvas. By adjusting the drawing speed of individual canvases and coordinating their rendering timing, the system achieves parallel processing efficiency while maintaining manageable complexity through temporal scheduling rather than purely spatial or structural complexity.
Data Source
AI summary
Embodiments of the present disclosure disclose a data drawing method performed at a computer, the method including: obtaining a plurality of to-be-drawn data from a remote server, wherein the plurality of to-be-drawn data are to be rendered in a browser as an image within a preset image display time period; setting a plurality of plotting canvases on the browser, wherein a quantity of the plotting canvases depends on the preset image display time period and the plurality of to-be-drawn data; dividing the plurality of to-be-drawn data into a plurality of data groups, a quantity of the data groups being same as the quantity of the plotting canvases; respectively allocating each data group to a corresponding plotting canvas; and drawing a sub-image of each data group on a corresponding plotting canvas and immediately rendering the sub-image in the browser within the preset image display time period.