HTML5 canvas processing method and device

A processing method and canvas technology, applied in the Internet field, can solve problems such as inability to view relevant data and low user experience, and achieve the effect of improving user experience

Inactive Publication Date: 2017-05-31
BEIJING GRIDSUM TECH CO LTD
View PDF4 Cites 14 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] The main purpose of this application is to provide a method and device for processing HTML5 canvas, so as to solve the problem of low user experience in related technologies due to the inability to view relevant data within the area on the canvas

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • HTML5 canvas processing method and device
  • HTML5 canvas processing method and device

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0019] It should be noted that, in the case of no conflict, the embodiments in the present application and the features in the embodiments can be combined with each other. The present application will be described in detail below with reference to the accompanying drawings and embodiments.

[0020] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiment of the application will be clearly and completely described below in conjunction with the accompanying drawings in the embodiment of the application. Obviously, the described embodiment is only It is an embodiment of a part of the application, but not all of the embodiments. Based on the embodiments in this application, all other embodiments obtained by persons of ordinary skill in the art without creative efforts shall fall within the protection scope of this application.

[0021] It should be noted that the terms "first" and "second" i...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The application relates to an HTML5 canvas processing method and device; the method comprises: determining target coordinates on first canvas; determining a pixel point data set according to the target coordinates, wherein the pixel point data set is a set of data of all pixels in a square area, corresponding to the target coordinates, on the first canvas; drawing the data of each pixel in the pixel point data set to second canvas; zooming in the second canvas with the data of pixels drawn on according to a preset ratio so as to obtain a target picture; and displaying the target picture on the first canvas. Through the HTML5 canvas processing method and device of the application, the problem of related art is solved that user experience is lowered due to the failure of viewing related data in a regional range on the canvas.

Description

technical field [0001] The present application relates to the field of the Internet, in particular, to a method and device for processing an HTML5 canvas. Background technique [0002] At present, common chart libraries are usually drawn based on HTML5Canvas, and it is often necessary for actual projects to display a large amount of data in the limited space of the chart. When displaying a large amount of data in a limited space, some areas of the chart are often not clear enough on the interface. For example, in a bubble chart, when the amount of data is large, the bubbles will overlap a lot. Another example is a line chart. When multiple lines are displayed, data duplication will also occur, and users cannot see the data clearly. For some data that is unclear or overlapped, in the related art, by moving the mouse to a certain point of the chart, the detailed information of a certain point is displayed, which can show the unclear or overlapping data of this point in detai...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06F9/44G06T11/00
Inventor 周建涛
Owner BEIJING GRIDSUM TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap