Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Canvas element rendering method and device realized on Android system based on GPU (Graphic Processing Unit)

By converting the calling instructions of the 2D Canvas drawing API to the OpenGL ES API on the Android system, and using the GPU to draw and mix Canvas elements, the problem of low efficiency in the existing technology is solved and efficient Canvas rendering performance is achieved.

Active Publication Date: 2013-10-02
ALIBABA (CHINA) CO LTD
View PDF5 Cites 56 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

The disadvantage of this method is that both the drawing step and the mixing step can only be completed by the CPU, which is inefficient and cannot make full use of the GPU for hardware acceleration.

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
  • Canvas element rendering method and device realized on Android system based on GPU (Graphic Processing Unit)
  • Canvas element rendering method and device realized on Android system based on GPU (Graphic Processing Unit)
  • Canvas element rendering method and device realized on Android system based on GPU (Graphic Processing Unit)

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0034] Various aspects of the disclosure are described below. It should be appreciated that the teachings herein may be embodied in a wide variety of forms and that any specific structure, function, or both disclosed herein are merely representative. Based on the teachings herein one skilled in the art should appreciate that an aspect disclosed herein may be implemented independently of any other aspects and that two or more of these aspects may be combined in various ways. For example, an apparatus may be implemented or a method practiced using any number of the aspects set forth herein. In addition, such an apparatus may be implemented or such a method may be practiced with other structure, functionality, or structure and functionality in addition to or in addition to one or more of the aspects set forth herein. Additionally, any aspect described herein may comprise at least one element of a claim.

[0035] The technical scheme involved in the present invention is an imple...

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 invention provides an Html5 Canvas element rendering method realized on an Android system based on GPU (Graphic Processing Unit) hardware. The Html5 Canvas element rendering method comprises the steps of when an operation command of rendering Canvas elements in an Html5 webpage is detected and after initialization creation operation is completed, converting a calling command aiming at a 2DCanvas drawing API (Application Programming Interface) into a calling command aiming at an OpenGL ES API through a SkiaGPU function library; setting an EGL Context created during initialization operation to be a current context on a thread of rendering operation; rendering the Canvas elements in an off-screen local window created during the initialization operation by using the GPU; and by using the mapping operation function of the GPU, copying the rendered Canvas elements onto the current active window of equipment from the off-screen local window. By using the method, through the local window rendering mechanism and the OpenGL ES API provided by the Android operating system, the drawing and the mixing of the Canvas elements are completed by using the GPU, so that the goal of improving the Canvas rendering performance by using GPU hardware acceleration is realized.

Description

technical field [0001] The present invention relates to the field of webpage rendering, and more specifically, to a Canvas element rendering method and device implemented on an Android system based on GPU hardware. [0002] Background technique [0003] The 2D Canvas specification in HTML5 technology defines a set of 2D Canvas drawing APIs (Application Programming Interface, Application Programming Interface), which can be used to draw two-dimensional graphics in immediate mode on web pages. Here, Canvas refers to the canvas. If a web page contains a Canvas tag, you can use various 2D Canvas drawing APIs to draw what the user wants within the area of ​​the tag through JavaScript code. [0004] The full name of GPU in English is Graphic Processing Unit, and the Chinese translation is "Graphics Processing Unit". GPU is a concept relative to CPU. GPU is the "brain" of the display card, which determines most of the performance, and is also the basis for the difference betwee...

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): G06F17/30G06F9/445G06F40/143
CPCG06F16/957G06F40/143G06F16/9577G06T1/20
Inventor 梁捷易旭昕
Owner ALIBABA (CHINA) CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

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

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com