Unlock instant, AI-driven research and patent intelligence for your innovation.

Large-capacity image caching method based on webgl

A large-capacity, caching technology, applied in image memory management, other database retrieval, network data retrieval, etc., can solve problems such as slow image caching, affecting image acquisition and viewing speed, etc., to achieve slow solution speed, clever design, and innovative ideas. Effect

Active Publication Date: 2019-03-12
彭志勇
View PDF8 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

When you need to view a large number of web pages in the browser, due to the small capacity of the browser, the cache of a large number of images is very slow, which seriously affects the acquisition and viewing speed of a large number of images on the browser side

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

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0034] The present invention will be further described in detail below in conjunction with the embodiments, so that those skilled in the art can implement it with reference to the description.

[0035] It should be understood that terms such as "having", "comprising" and "including" as used herein do not entail the presence or addition of one or more other elements or combinations thereof.

[0036] The present invention provides a large-capacity image caching method based on WebGL, comprising the following steps:

[0037] Convert a large number of image objects that need to be cached into WebGL texture objects through the canvas object, and cache them in the WebGL context;

[0038] When one of the objects of the large number of image objects is to be obtained, the texture object corresponding to one of the objects is displayed through the canvas object by using the shader program of WebGL;

[0039] This method is suitable for image caching of browsers that support the WebGL s...

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 WebGL-based large-capacity image caching method. The method comprises the steps that a large number of image objects needing to be cached are converted into texture objects of WebGL through a canvas object, and the texture objects are cached into a WebGL context; and when one object among the image objects needs to be acquired, a shader program of WebGL is utilized to display the texture object corresponding to the said object through the canvas object. The method is suitable for supporting image caching in a browser of the WebGL standard. Due to the fact that the total area of images cached in WebGL is very large, generally several G-sized images can be cached in the PC browser, and the size is several times to several tens of times that of a maximum image supported by the browser. In the same operating environment, the cached images are fast to acquire, and a target can be obtained through WebGL rendering within one millisecond. The method is good in compatibility, supports all browsers supporting WebGL, is compatible with all types of images and does not affect image resolution.

Description

technical field [0001] The invention belongs to the field of image display and relates to a large-capacity image caching method based on WebGL. Background technique [0002] The traditional approach is to directly use the Image object to directly cache the image. As shown in the image loading code below: [0003] Image loading (JS) [0004] var image = new Image(); [0005] image.src = "http: / / XXX.xx / image.image"; [0006] However, the total size of Image objects that can be accommodated by each browser is limited, especially for mobile device browsers. Generally, browsers limit the total size of Image objects in memory to no greater than 10000*10000 (100M, estimated value) size. This capacity is still relatively small. When a large number of web pages need to be viewed in the browser, due to the small capacity of the browser, the caching of a large number of images is very slow, which seriously affects the acquisition and viewing rate of a large number of images on 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
Patent Type & Authority Patents(China)
IPC IPC(8): G06T1/60G06F16/957
CPCG06F16/9574G06T1/60
Inventor 彭志勇
Owner 彭志勇