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

3D canvas webpage element rendering method and device and electronic equipment

A technology of web page elements and web pages, applied in the field of mobile Internet, can solve problems such as not supporting WebGL rendering

Active Publication Date: 2018-03-23
ALIBABA GRP HLDG LTD
View PDF4 Cites 38 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] This application provides a rendering method, device and electronic equipment for 3D canvas webpage elements, to solve the problem that some mobile operating systems do not support WebGL rendering in the prior art

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
  • 3D canvas webpage element rendering method and device and electronic equipment
  • 3D canvas webpage element rendering method and device and electronic equipment
  • 3D canvas webpage element rendering method and device and electronic equipment

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0109] In the following description, numerous specific details are set forth in order to provide a thorough understanding of the application. However, the present application can be implemented in many other ways that are different from those described here, and those skilled in the art can make similar promotions without violating the connotation of the present application. Therefore, the present application is not limited by the specific implementations disclosed below.

[0110] In this application, a rendering method, device and electronic equipment for 3D canvas webpage elements are provided. Each will be described in detail in the following examples.

[0111] The basic idea of ​​the rendering method for 3D canvas webpage elements provided by this application is: intercept the WebGL drawing instructions for 3Dcanvas webpage elements, and transmit the instruction information carried by the intercepted WebGL drawing instructions from the client script layer to the system fra...

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 discloses a 3D canvas webpage element rendering method and device, electronic equipment of 3D canvas webpage element rendering, a 2D canvas webpage element rendering method and device and electronic equipment of 2D canvas webpage element rendering. The 3D canvas webpage element rendering method includes the steps of intercepting a WebGL drawing instruction of 3D canvas webpage elements; sending instruction information carried by the WebGL drawing instruction to a system framework layer; according to the instruction information, generating an OpenGL drawing instruction corresponding to the WebGL drawing instruction; drawing the OpenGL drawing instruction onto an OpenGL rendering view window of a system, and generating a rendering result of the 3D canvas webpage elements. According to the method, the application of a Webview of the system for rendering and drawing of the 3D canvas webpage elements can be avoided, and therefore the effect of improving the supportable compatibility and coverage fraction of the 3D canvas is achieved.

Description

technical field [0001] The present application relates to the technical field of mobile Internet, in particular to a rendering method, device and electronic equipment of 3D canvas webpage elements. The present application also relates to a rendering method, device and electronic equipment for 2D canvas web page elements. Background technique [0002] With the development of Web technology and the landing of the HTML5 standard, HTML5 development is becoming more and more popular. HTML5 development has the advantages of cross-platform, low development cost, fast iteration, and easy dynamic release, etc., and it occupies an increasing proportion in mobile App development. As an important feature of HTML5, the Canvas element plays an indispensable role in the display of mobile development pages, especially in image processing and animation display. [0003] In mobile applications, the 3D canvas of HTML5 relies on the system Webview to complete the rendering and drawing, and th...

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
IPC IPC(8): G06F9/451
CPCG06F9/451G06F9/44
Inventor 黄刚潘华李杰胡吉嵩
Owner ALIBABA GRP HLDG 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