CN117456016A - Canvas-based image block compression and reconstruction method, system and application - Google Patents
Canvas-based image block compression and reconstruction method, system and application Download PDFInfo
- Publication number
- CN117456016A CN117456016A CN202311408038.8A CN202311408038A CN117456016A CN 117456016 A CN117456016 A CN 117456016A CN 202311408038 A CN202311408038 A CN 202311408038A CN 117456016 A CN117456016 A CN 117456016A
- Authority
- CN
- China
- Prior art keywords
- image information
- canvas
- rendering
- character string
- base64 character
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 230000006835 compression Effects 0.000 title claims abstract description 47
- 238000007906 compression Methods 0.000 title claims abstract description 45
- 238000000034 method Methods 0.000 title claims abstract description 37
- 238000009877 rendering Methods 0.000 claims abstract description 74
- 230000006870 function Effects 0.000 claims description 17
- 230000008569 process Effects 0.000 claims description 8
- 230000005540 biological transmission Effects 0.000 claims description 3
- 230000018109 developmental process Effects 0.000 claims description 3
- 230000004807 localization Effects 0.000 claims description 3
- 230000011218 segmentation Effects 0.000 claims description 3
- 230000008859 change Effects 0.000 abstract description 2
- 230000010365 information processing Effects 0.000 abstract description 2
- 238000005457 optimization Methods 0.000 description 6
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000006837 decompression Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/10—Segmentation; Edge detection
- G06T7/11—Region-based segmentation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T9/00—Image coding
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/10—Protocols in which an application is distributed across nodes in the network
- H04L67/1097—Protocols in which an application is distributed across nodes in the network for distributed storage of data in networks, e.g. transport arrangements for network file system [NFS], storage area networks [SAN] or network attached storage [NAS]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/12—Protocols specially adapted for proprietary or special-purpose networking environments, e.g. medical networks, sensor networks, networks in vehicles or remote metering networks
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Health & Medical Sciences (AREA)
- Multimedia (AREA)
- Medical Informatics (AREA)
- General Health & Medical Sciences (AREA)
- Computing Systems (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention relates to the technical field of image information processing, and discloses a canvas-based image block compression and reconstruction method, a canvas-based image block compression and reconstruction system and application, wherein the canvas-based image block compression and reconstruction system comprises the following steps: s1, creating a first canvas, rendering image information to be processed based on the first canvas to obtain first image information, and then deriving a base64 character string of the first image information; s2, creating a second canvas, and rendering the Base64 character string of the first image information to the second canvas to obtain second image information; s3, cutting and equally dividing the second canvas into N equal parts so as to change the second image information into N sub-image information, and sequentially deriving Base64 character strings of the N sub-image information; and S4, sequentially storing the Base64 character strings of the N sub-image information into an intermediate file, and transmitting the intermediate file to a first cloud file server for storage. The invention reduces the occupation of server bandwidth and page rendering pressure during uploading of images with larger quality.
Description
Technical Field
The invention relates to the technical field of image information processing, in particular to a canvas-based image block compression and reconstruction method, a canvas-based image block compression and reconstruction system and application.
Background
At present, when a WEB page is used for uploading and rendering pictures with larger quality, the server and the browser page are stressed greatly; when the image information is uploaded at the same time with a larger scale, the load pressure of the server is suddenly increased, the bandwidth of the current server is occupied, and the normal operation of other businesses is affected. When the picture quality is too large, the page rendering speed is low, and the user experience is affected.
If the image information is uploaded, the image quality of some image information is lowered by performing independent compression processing, and the preset effect cannot be achieved, so that the uniformity of the image quality cannot be achieved.
Therefore, there is a need for a method of effectively uploading image information without changing the image quality of the image information, improving the uploading efficiency and reducing the image rendering pressure.
Disclosure of Invention
The invention provides a canvas-based image block compression and reconstruction method, a canvas-based image block compression and reconstruction system and application, which are used for solving the problems.
The invention is realized by the following technical scheme:
a canvas-based image block compression method comprises the following steps:
s1, creating a first canvas in a web browser, rendering image information to be processed based on the first canvas to obtain first image information, and then deriving a base64 character string of the first image information;
s2, creating a second canvas in the web browser, and rendering the Base64 character string of the first image information onto the second canvas to obtain second image information;
s3, cutting and equally dividing the second canvas into N equal parts so as to enable the second image information to be changed into N sub-image information, and sequentially deriving Base64 character strings of the N sub-image information, wherein N is a positive integer larger than 1;
and S4, sequentially storing the Base64 character strings of the N sub-image information into an intermediate file, transmitting the intermediate file to a first cloud file server for storage, and generating a URL link of the intermediate file.
As optimization, in S1 and S3, the first image information and the sub-image information are respectively converted into corresponding Base64 character strings by calling the toDataURL of canvas.
As optimization, the specific steps of rendering the base64 character string onto the corresponding canvas are as follows:
s2.1, writing rendering source codes by using JavaScript development language: defining a rendering function name, and determining an entry name and a data type of the rendering function and a returned result data type;
s2.2, storing the written rendering source code as a JavaScript script file with an extension name of js to obtain a rendering program;
and S2.3, rendering the base64 character string to a corresponding canvas through the rendering program.
As optimization, before S1, a designed rendering program needs to be deployed under a preset site through a Web service, which specifically includes the following steps:
a1, deploying the rendering program in a second cloud file server, and acquiring a domain name address of the server;
a2, generating an access address of the rendering program according to a preset site and a domain name address;
a3, loading the rendering program deployed on the second cloud file server by the preset site according to the access address of the rendering program.
As optimization, the specific process of S2.3 is: and transmitting the name of the rendering function which is pre-exposed when the rendering program is called into the corresponding base64 character string, and calling the rendering function corresponding to the rendering program to render the transmitted base64 character string onto the corresponding canvas.
As an optimization, the format of the intermediate file is txt format.
As an optimization, N is equal to 3.
The invention also discloses a reconstruction method of the image information after the block compression processing, which is used for reconstructing the image information after the block compression processing by the image block compression method based on canvas, and comprises the following steps:
t1, a front-end browser acquires a URL link of an intermediate file of corresponding image information;
t2, instantiating the URL link of the obtained intermediate file through an object FileReader of the Javascript, and obtaining Base64 character strings of N.times.N sub-image information in the file by using an onload method of the object;
t3, sequentially exporting the Base64 character strings of the N sub-image information of the intermediate file to perform array arrangement;
t4, sequentially importing the obtained array into a third canvas preset in advance to render corresponding image information to obtain third image information;
and T5, using a toDataURL to export the third image information into a base64 picture information stream which can be rendered and checked, and rendering and checking the front-end browser page at a place which is required to be displayed by using a < img > tag.
The invention also discloses a system for processing the partitioned compression rendering, which comprises:
the analysis module is used for generating a canvas based on the canvas and then rendering the corresponding image information in the canvas;
the segmentation module is used for segmenting the image information rendered in the canvas by using an N-by-N equally dividing mode;
the deriving module is used for deriving a Base64 character string converted by the rendered image information;
the storage and transmission module is used for storing the derived base64 character string as an intermediate file and sequentially transmitting the intermediate file to the corresponding first cloud file server;
the encoding module is used for acquiring the domain name address of the second cloud file server after the rendering program is deployed in the second cloud file server, and generating an access address of the rendering program according to a preset site and the domain name address;
and the rendering module is used for acquiring the URL link of the intermediate file of the corresponding image information, carrying out localization processing on the URL link of the intermediate file, and then re-rendering the image confidence based on the base64 character string of the intermediate file.
The invention also discloses an application of the block compression rendering processing system, the block compression rendering processing system is deployed under a preset site, the block compression rendering processing system is used for compressing first image information with the quality larger than a first threshold value, firstly, file streams of the first image information are obtained, corresponding base64 character strings are generated, then the base64 character strings are re-rendered into second image information, and are subjected to block clipping to obtain a plurality of sub-image information, the clipped sub-image information is led out to be corresponding base64 character strings, then the base64 character strings of the sub-image information are independently stored to be intermediate files with the quality smaller than the second threshold value, when the image information is required to be uploaded to a server, all intermediate files composed of the sub-image information are uploaded to a designated first cloud file server, URL addresses of all the intermediate files are obtained, when the image is required to be uploaded to the server, URL addresses of all the intermediate files are obtained from the server, and the sub-image information is required to be rendered into a rendering image through the block compression rendering system.
Compared with the prior art, the invention has the following advantages and beneficial effects:
after cutting the image with larger quality by using canvas, the quality of the generated base64 file is greatly reduced, but the definition of the image is not weakened, the obtained image base64 character string can be stored as a txt file format for simple storage, and page rendering can be rapidly carried out when the image processing device is used, so that the page rendering speed is greatly improved, and the occupation of the bandwidth of a server when the image with larger quality is uploaded is reduced.
Drawings
In order to more clearly illustrate the technical solutions of the exemplary embodiments of the present invention, the drawings that are needed in the examples will be briefly described below, it being understood that the following drawings only illustrate some examples of the present invention and therefore should not be considered as limiting the scope, and that other related drawings may be obtained from these drawings without inventive effort for a person skilled in the art. In the drawings:
FIG. 1 is a flow chart of a canvas-based image block compression method according to the present invention;
fig. 2 is a flowchart of a method for reconstructing image information after a block compression process according to the present invention.
Detailed Description
For the purpose of making apparent the objects, technical solutions and advantages of the present invention, the present invention will be further described in detail with reference to the following examples and the accompanying drawings, wherein the exemplary embodiments of the present invention and the descriptions thereof are for illustrating the present invention only and are not to be construed as limiting the present invention.
Before the invention is introduced, it should be noted that canvas is used as an important tag of Html5, allows drawing images through JavaScript, is supported by all modern browsers after IE9, ensures compatibility, and enables the canvas to operate normally in the browser. canvas itself does not have a drawing function, but there are various ways of drawing paths, rectangles, circles, characters, and adding images. And drawing the required information into the canvas by using JavaScript, compressing and storing the image blocks drawn by the canvas into a Base64 character string format, and uploading the compressed character string of the Base64 to an OSS file server (a first cloud file server).
The canvas-based image block compression method of embodiment 1 comprises the following steps:
s1, creating a first canvas in a web browser, rendering image information to be processed based on the first canvas to obtain first image information, and then deriving a Base64 character string of the first image information;
and remotely loading the partitioned compression program deployed under the preset site by using the JavaScript program. Creating a canvas tag (a first canvas) in a Web browser, drawing an image to be processed in a fixed area of the canvas to obtain first image information, and calling a todataURL method of the canvas after drawing is completed to obtain a Base64 character string of the first image information.
S2, creating a second canvas in the web browser, and rendering the Base64 character string of the first image information onto the second canvas to obtain second image information; it should be appreciated that the Base64 string of the first image information requires re-rendering on another canvas (the second canvas).
The specific steps of rendering the base64 character string to the corresponding canvas are as follows:
s2.1, writing rendering source codes by using JavaScript development language: defining a rendering function name, and determining an entry name and a data type of the rendering function and a returned result data type;
s2.2, storing the written rendering source code as a JavaScript script file with an extension name of js to obtain a rendering program;
and S2.3, rendering the base64 character string to a corresponding canvas through the rendering program.
The specific process of S2.3 is as follows: and loading a rendering program deployed on the second cloud file server by the JavaScript program according to the access address, transferring a rendering function name which is exposed in advance when the rendering program is called by the JavaScript program into a corresponding base64 character string, and calling a rendering function corresponding to the rendering program to render the transferred base64 character string onto a corresponding canvas. In this embodiment, the second cloud file server may be a CDN server.
Before the base64 character string is rendered on the corresponding canvas through the rendering program, the designed rendering program needs to be deployed under a preset site through Web service, and the specific steps are as follows:
a1, deploying the rendering program in a second cloud file server, and acquiring a domain name address of the server;
a2, generating an access address of the rendering program according to a preset site and a domain name address;
a3, loading the rendering program through the access address of the rendering program.
S3, cutting and equally dividing the second canvas into N equal parts so as to change the second image information into N sub-image information, and sequentially deriving Base64 character strings of the N sub-image information; for convenience of description, the value of N is 3, and the image is equally divided into 9.N is the result after an integer square greater than 1. Examples: 2 x 2, 3*3, 4 x 4, n is a positive integer greater than 1.
In S1 and S3, the first image information and the sub-image information are respectively converted into corresponding Base64 character strings by calling a toDataURL of the canvas.
In this embodiment, N may be 3, that is, the base64 data of the obtained first image information is drawn into the second canvas, after the drawing is completed, complete brand new image information (second image information) is obtained, then the second canvas is divided into nine Gong Geqie blocks to obtain small images (sub-image information) with different coordinates and the same quality and size, then the sub-image information of different blocks is exported into corresponding base64 bit strings by using a topataurl method, and the obtained base64 bit strings of nine complete sub-images are placed in an empty array defined in advance (placed in an intermediate file, where the intermediate file format in this embodiment is txt).
And S4, sequentially storing the Base64 character strings of the N sub-image information into an intermediate file, transmitting the intermediate file to a first cloud file server for storage, and generating a URL link of the intermediate file. The first cloud file server in this embodiment is an OSS file server, and the format of the intermediate file is txt.
When the second image information is segmented by the method, the second image information becomes sub-image information with the size of one ninth of the original second image information, data in the array are randomly transmitted to a corresponding cloud file database according to strips, and a corresponding single segmented image is named by a Sudoku method, so that the re-rendering ordering is conveniently taken out. The storing and taking out are performed according to the first-in first-out principle.
For example: assuming that a 10M size image is required to be uploaded to the OSS file server, the process described above will result in 9 separate. Txt files containing base64 therein with a total quality much less than 10M.
A reconstruction method of embodiment 2, for reconstructing image information after performing a block compression process by using the canvas-based image block compression method described in embodiment 1, includes:
t1, a front-end browser acquires a URL link of an intermediate file of corresponding image information;
t2, instantiating the URL link of the obtained intermediate file through an object FileReader of the Javascript, and obtaining Base64 character strings of N.times.N sub-image information in the file by using an onload method of the object;
t3, sequentially exporting the Base64 character strings of the N sub-image information of the intermediate file to perform array arrangement;
t4, sequentially importing the obtained array into a third canvas preset in advance to render corresponding image information to obtain third image information;
and T5, using a toDataURL to export the third image information into a base64 picture information stream which can be rendered and checked, and rendering and checking the front-end browser page at a place which is required to be displayed by using a < img > tag.
A partitioned compression rendering processing system of embodiment 3, comprising:
the analysis module is used for generating a canvas based on the canvas and then rendering the corresponding image information in the canvas;
the segmentation module is used for segmenting the image information rendered in the canvas by using an N-by-N equally dividing mode;
the deriving module is used for deriving a Base64 character string converted by the rendered image information;
the storage and transmission module is used for storing the derived base64 character string as an intermediate file and sequentially transmitting the intermediate file to the corresponding first cloud file server;
the encoding module is used for acquiring the domain name address of the second cloud file server after the rendering program is deployed in the second cloud file server, and generating an access address of the rendering program according to a preset site and the domain name address;
and the rendering module is used for acquiring the URL link of the intermediate file of the corresponding image information, carrying out localization processing on the URL link of the intermediate file, and then re-rendering the image confidence based on the base64 character string of the intermediate file.
An application of embodiment 4 to the tile compression rendering processing system of embodiment 3 deploys the tile compression rendering processing system under a preset site. And compressing the first image information with the quality larger than a first threshold value through the block compression rendering processing system. Firstly, a file stream of the first image information is acquired, a corresponding base64 character string is generated, then the base64 character string is re-rendered into second image information, and a plurality of sub-image information is obtained through block cutting. And exporting the corresponding base64 character strings from the cut sub-image information, and independently storing the base64 character strings of the sub-image information as an intermediate file with the quality smaller than a second threshold value. When the image information is required to be uploaded to the server, uploading all intermediate files composed of a plurality of sub-image information to a designated first cloud file server, obtaining URL addresses of all the intermediate files, and uploading all URL address information to the server. When the image needs to be rendered, URL addresses of all intermediate files of the image are acquired from a server, and the image is rendered into an original image through the block compression rendering processing system.
Here, the first threshold may be 2M and the second threshold may be 200K.
The following describes an exemplary writing process of a program for block compression.
1. Defining a block compression function, and receiving an incoming parameter Img, wherein Img is a URL link address of a picture.
2. And drawing the reference img on a canvas, and obtaining the Base64 character string after drawing.
3. Rendering the obtained Base64 character string to a redefined canvas, and performing Sudoku cutting on the newly generated canvas, so as to obtain the corresponding Base64 character string of the designated area.
4. And carrying out independent storage bit corresponding to the obtained character string on the txt file containing the corresponding base64 character string content.
5. And uploading the generated txt file through an OSS file server, so as to obtain a corresponding URL link and store the URL link.
6. And returning the result of the steps to the function caller.
An exemplary decompressed rendering programming process is set forth below.
1. An parsing function is defined and a parametrized URL link is received. The URL refers to a network path link that holds the address of the post txt file.
2. And downloading the URL link to obtain a corresponding txt file.
3. Rendering and reconstructing the obtained txt file (see T1-T5 above), and temporarily storing the independent array of the base64 character string after the deconstructing.
4. And placing the obtained array on canvas to sequentially render so as to obtain a base64 image access path with complete previous images.
5. And returning the image access path generated in the re-rendering process to the function caller to finish decompression rendering.
In the implementation process, the block compression program is deployed under a preset site through Web service, and specifically comprises the following steps:
deploying the block compression program on a second cloud file server or a domain name address of the second cloud file server;
and generating an access address of the block compression program according to the domain name address.
For example, assuming that the file name is compactcanvas. Js, the file is deployed under a second cloud file server, and if the domain name of the second cloud file server is fast.
The foregoing description of the embodiments has been provided for the purpose of illustrating the general principles of the invention, and is not meant to limit the scope of the invention, but to limit the invention to the particular embodiments, and any modifications, equivalents, improvements, etc. that fall within the spirit and principles of the invention are intended to be included within the scope of the invention.
Claims (9)
1. The canvas-based image block compression method is characterized by comprising the following steps of:
s1, creating a first canvas in a web browser, rendering image information to be processed based on the first canvas to obtain first image information, and then deriving a base64 character string of the first image information;
s2, creating a second canvas in the web browser, and rendering the Base64 character string of the first image information onto the second canvas to obtain second image information;
s3, cutting and equally dividing the second canvas into N equal parts so as to enable the second image information to be changed into N sub-image information, and sequentially deriving Base64 character strings of the N sub-image information, wherein N is a positive integer larger than 1;
and S4, sequentially storing the Base64 character strings of the N sub-image information into an intermediate file, transmitting the intermediate file to a first cloud file server for storage, and generating a URL link of the intermediate file.
2. The canvas-based image block compression method according to claim 1, wherein in S1 and S3, the first image information and the sub-image information are converted into corresponding Base64 character strings by calling a toDataURL of the canvas, respectively.
3. The canvas-based image block compression method according to claim 1, wherein the specific steps of rendering the base64 character string onto the corresponding canvas are as follows:
s2.1, writing rendering source codes by using JavaScript development language: defining a rendering function name, and determining an entry name and a data type of the rendering function and a returned result data type;
s2.2, storing the written rendering source code as a JavaScript script file with an extension name of js to obtain a rendering program;
and S2.3, rendering the base64 character string to a corresponding canvas through the rendering program.
4. The canvas-based image block compression method according to claim 1, wherein before S1, the designed rendering program needs to be deployed under a preset site through Web service, and the specific steps are as follows:
a1, deploying the rendering program in a second cloud file server, and acquiring a domain name address of the server;
a2, generating an access address of the rendering program according to a preset site and a domain name address;
a3, loading the rendering program deployed on the second cloud file server by the preset site according to the access address of the rendering program.
5. The canvas-based image block compression method according to claim 4, wherein the specific process of S2.3 is as follows: and transmitting the name of the rendering function which is pre-exposed when the rendering program is called into the corresponding base64 character string, and calling the rendering function corresponding to the rendering program to render the transmitted base64 character string onto the corresponding canvas.
6. The canvas based image block compression method according to claim 1, wherein the intermediate file is a. Txt file.
7. A reconstruction method of image information after block compression processing, which reconstructs image information after block compression processing by a canvas-based image block compression method according to any of claims 1 to 6, comprising:
t1, a front-end browser acquires a URL link of an intermediate file of corresponding image information;
t2, instantiating the URL link of the obtained intermediate file through an object FileReader of the Javascript, and obtaining Base64 character strings of N.times.N sub-image information in the file by using an onload method of the object;
t3, sequentially exporting the Base64 character strings of the N x N sub-image information of the intermediate file to perform array arrangement;
t4, sequentially importing the obtained array into a third canvas preset in advance to render corresponding image information to obtain third image information;
and T5, using a toDataURL to export the third image information into a base64 picture information stream which can be rendered and checked, and rendering and checking the front-end browser page at a place which is required to be displayed by using a < img > tag.
8. A partitioned compression rendering processing system, comprising:
the analysis module is used for generating a canvas based on the canvas and then rendering the corresponding image information in the canvas;
the segmentation module is used for segmenting the image information rendered in the canvas by using an N-by-N equally dividing mode;
the deriving module is used for deriving a Base64 character string converted by the rendered image information;
the storage and transmission module is used for storing the derived base64 character string as an intermediate file and sequentially transmitting the intermediate file to the corresponding first cloud file server;
the encoding module is used for acquiring the domain name address of the second cloud file server after the rendering program is deployed in the second cloud file server, and generating an access address of the rendering program according to a preset site and the domain name address;
and the rendering module is used for acquiring the URL link of the intermediate file of the corresponding image information, carrying out localization processing on the URL link of the intermediate file, and then re-rendering the image confidence based on the base64 character string of the intermediate file.
9. An application of the block compression rendering processing system of claim 8, wherein the block compression rendering processing system is deployed under a preset site, the block compression rendering processing system compresses first image information with the quality larger than a first threshold value, firstly obtains a file stream of the first image information, generates a corresponding base64 character string, then re-renders the base64 character string into second image information, and cuts the second image information into a plurality of sub-image information, the cut sub-image information is led out to a corresponding base64 character string, then the base64 character string of the sub-image information is independently stored as an intermediate file with the quality smaller than the second threshold value, when the image information needs to be uploaded to a server, all intermediate files composed of the sub-image information are uploaded to a designated first cloud file server, URL addresses of all the intermediate files are obtained, and then all URL address information is uploaded to the server, when the image is needed, all the intermediate files of the image are obtained from the server, and then the sub-image information is rendered into the URL address rendering image by the block compression rendering system.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311408038.8A CN117456016A (en) | 2023-10-27 | 2023-10-27 | Canvas-based image block compression and reconstruction method, system and application |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311408038.8A CN117456016A (en) | 2023-10-27 | 2023-10-27 | Canvas-based image block compression and reconstruction method, system and application |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117456016A true CN117456016A (en) | 2024-01-26 |
Family
ID=89579276
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311408038.8A Pending CN117456016A (en) | 2023-10-27 | 2023-10-27 | Canvas-based image block compression and reconstruction method, system and application |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117456016A (en) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2017151873A (en) * | 2016-02-26 | 2017-08-31 | 株式会社日立ソリューションズ | Image delivery program and image delivery system |
| CN112954030A (en) * | 2021-01-30 | 2021-06-11 | 北京奇保信安科技有限公司 | Web side picture compression method and device and electronic equipment |
| CN114095783A (en) * | 2021-11-29 | 2022-02-25 | 中国平安财产保险股份有限公司 | Picture uploading method and device, computer equipment and storage medium |
| CN116248889A (en) * | 2022-12-30 | 2023-06-09 | 北京字跳网络技术有限公司 | Image encoding and decoding method and device and electronic equipment |
| CN116668691A (en) * | 2023-04-26 | 2023-08-29 | 北京大学深圳研究生院 | Picture compression transmission method and device and terminal equipment |
| CN116821080A (en) * | 2023-06-30 | 2023-09-29 | 紫光云技术有限公司 | Online picture compression method and device, electronic equipment and storage medium |
| CN116827637A (en) * | 2023-06-29 | 2023-09-29 | 四川中屹互联信息技术有限公司 | Canvas-based data encryption transmission method, system, equipment and medium |
-
2023
- 2023-10-27 CN CN202311408038.8A patent/CN117456016A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2017151873A (en) * | 2016-02-26 | 2017-08-31 | 株式会社日立ソリューションズ | Image delivery program and image delivery system |
| CN112954030A (en) * | 2021-01-30 | 2021-06-11 | 北京奇保信安科技有限公司 | Web side picture compression method and device and electronic equipment |
| CN114095783A (en) * | 2021-11-29 | 2022-02-25 | 中国平安财产保险股份有限公司 | Picture uploading method and device, computer equipment and storage medium |
| CN116248889A (en) * | 2022-12-30 | 2023-06-09 | 北京字跳网络技术有限公司 | Image encoding and decoding method and device and electronic equipment |
| CN116668691A (en) * | 2023-04-26 | 2023-08-29 | 北京大学深圳研究生院 | Picture compression transmission method and device and terminal equipment |
| CN116827637A (en) * | 2023-06-29 | 2023-09-29 | 四川中屹互联信息技术有限公司 | Canvas-based data encryption transmission method, system, equipment and medium |
| CN116821080A (en) * | 2023-06-30 | 2023-09-29 | 紫光云技术有限公司 | Online picture compression method and device, electronic equipment and storage medium |
Non-Patent Citations (1)
| Title |
|---|
| 店铺新人XF6H: "图像编码中的分块压缩方法探讨（十）", pages 1, Retrieved from the Internet <URL:https://wenku.baidu.com/view/a301d2510422192e453610661ed9ad51f01d54dd.html> * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112256990B (en) | Image processing method and device and computer readable storage medium | |
| US20150117515A1 (en) | Layered Encoding Using Spatial and Temporal Analysis | |
| CN108495174B (en) | Method and system for generating video file by H5 page effect | |
| CN109272449A (en) | Image display method and device, computer installation and readable storage medium storing program for executing | |
| CN112487763A (en) | SVG-based OFD file online display method, server side and system | |
| CN111147354B (en) | Message processing method, device, equipment and storage medium | |
| CN116128983A (en) | Picture processing method and device and picture rendering method and device | |
| CN114339412B (en) | Video quality enhancement method, mobile terminal, storage medium and device | |
| CN112052050A (en) | Shared picture generation method, system, storage medium and terminal equipment | |
| CN108228843B (en) | Internet-based lecture note compression transmission and restoration method | |
| CN112581568B (en) | Dynamic poster generation method, device, server and storage medium | |
| CN116827637B (en) | Canvas-based data encryption transmission method, system, equipment and medium | |
| CN111741329B (en) | Video processing method, device, equipment and storage medium | |
| CN117456016A (en) | Canvas-based image block compression and reconstruction method, system and application | |
| CN109918605B (en) | Method for generating dynamic picture based on content distribution network | |
| CN112001842A (en) | Picture generation method and device, electronic equipment and computer readable storage medium | |
| CN115329720A (en) | Document display method, device, equipment and storage medium | |
| CN111432142B (en) | Video synthesis method, device, equipment and storage medium | |
| CN113805937A (en) | File generation method and device, electronic equipment and storage medium | |
| CN113868479A (en) | Method and device for processing service data | |
| CN113595885A (en) | Picture sending method and device, electronic equipment and storage medium | |
| CN115209215A (en) | Video processing method, device and equipment | |
| CN112188213B (en) | Encoding method, apparatus, computer device, and storage medium | |
| CN113139163B (en) | Method and device for generating watermark information on application program interface | |
| CN115658838B (en) | Map set data generation method and device, electronic equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |