CN105844683B - The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker - Google Patents
The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker Download PDFInfo
- Publication number
- CN105844683B CN105844683B CN201610169268.7A CN201610169268A CN105844683B CN 105844683 B CN105844683 B CN 105844683B CN 201610169268 A CN201610169268 A CN 201610169268A CN 105844683 B CN105844683 B CN 105844683B
- Authority
- CN
- China
- Prior art keywords
- frame
- pixel difference
- canvas
- array
- pixel
- 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.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present invention relates to the implementation methods of the pixel difference frame-by-frame cartoons based on Canvas and WebWorker, including calculate pixel difference part and realize part.Mainly utilize pixel difference frame-by-frame cartoons, it weeds out part same or similar in front of and after frames and obtains pixel difference, then a later frame is restored according to former frame and pixel difference, not only resource volume needed for data will not having been lost but also load capable of being greatly decreased, resource volume needed for Web frame-by-frame cartoons are greatly decreased can still keep good user experience in the case where network environment is poor.
Description
Technical field
The present invention relates to pixel difference frame-by-frame cartoons, more specifically refer to the pixel difference based on Canvas and WebWorker
The implementation method of frame-by-frame cartoons.
Background technique
The main implementation method of Web frame-by-frame cartoons is each frame picture to be merged into a complete smart figure at this stage,
Then it reuses Web technology (IMG, Canvas, CSS3) and successively shows a part therein, as shown in Figure of description 1.
The implementation method of current Web frame-by-frame cartoons can repeat to load part same or similar in every frame picture, cause
It needs to load vast resources when realizing more complex frame-by-frame cartoons, in the case where network environment is poor, the load etc. that needs to grow very much
To the time, user experience is very poor.
Therefore, it is necessary to develop a kind of implementation method of new Web frame-by-frame cartoons come money needed for solving Web frame-by-frame cartoons
Volume source improves user experience.
Summary of the invention
It is an object of the invention to overcome the deficiencies of existing technologies, the pixel difference based on Canvas and WebWorker is provided
The implementation method of frame-by-frame cartoons.
To achieve the above object, the invention adopts the following technical scheme: the pixel difference based on Canvas and WebWorker by
The implementation method of frame animation, comprising the following specific steps
Step 1. calculates pixel difference part, first load before and after frames picture, then obtains before and after frames class number by Canvas
Allowable error and minimum intercepted length, permitting according to setting after parameter setting is completed then is arranged in the pixel data of group form
Perhaps error amount calculates pixel difference array；Pixel difference array is intercepted according to minimum intercepted length and obtains location information array；It is obtaining
255Alpha value is inserted into the data taken；It is PNG picture pixel difference storage of array, inactive pixels point is supplemented after pixel data
And be recorded in location information array, last to operate to obtain rear frame also original image according to obtained data back, frame restores after comparison
The original image of figure and previous frame, the Reparametrization if not meeting and being expected is until reduction icon is closed and is expected；When all pictures calculate
After enter step 2 realization parts, otherwise calculate next frame, when pre reduction figure serve as next time calculate pixel difference previous frame
Original image；
Step 2. realizes part, first arranges data, all pixels difference picture is synthesized a smart figure, while all positions
Confidence breath array is put into js file, and smart figure and relevant location information data file after load arrangement open webWorker
And original image is restored according to spirit figure and corresponding location information, and according to the actual situation using different method realize by
Frame animation.
Its further technical solution are as follows: it is the new features Canvas using HTML5 that pixel difference is calculated in the step 1,
Canvas provides getImageData method, the pixel data of the picture of available class array form, by calculating front and back
The difference of the class array form pixel data of frame picture can be obtained by the pixel difference of class array form.
Its further technical solution are as follows: the pixel difference storage of array in the step 1 is what png picture was provided with Canvas
PutImageData method is stored as PNG format after pixel difference array is carried out some optimizations and obtains relevant location information.
Its further technical solution are as follows: relevant location information is obtained in the step 1, it is necessary first to weed out pixel difference
Consecutive invalid pixel in class array, and record rejecting point initial position and reject point digit and obtain relevant location information；So
255 are manually inserted into the Alpha value front of each pixel afterwards, so that allowing former Alpha value to retreat one becomes next pixel
The R value of point；Finally increase some consecutive invalid pixels in pixel difference class array tail portion, the pixel difference PNG of all outputs is allowed to scheme
Piece height having the same or width synthesize final smart picture.
Its further technical solution are as follows: restoring original image by pixel difference in the step 1 is the anti-of storage pixel difference
To operation.
Its further technical solution are as follows: pixel difference frame-by-frame cartoons is achieved in that needs in a positioning in the step 2
Storage original picture is set, then stores pixel difference in original picture middle position, restores all animation frames later again by common side
Formula realizes frame-by-frame cartoons.
Its further technical solution are as follows: being achieved in that for pixel difference frame-by-frame cartoons only needs to store picture in the step 2
Then plain difference group restores a frame according to sequencing and shows a frame.
Compared with the prior art, the invention has the advantages that: the pixel of the invention based on Canvas and WebWorker
The implementation method of poor frame-by-frame cartoons mainly utilizes pixel difference frame-by-frame cartoons, weeds out part same or similar in front of and after frames
Pixel difference is obtained, a later frame is then restored according to former frame and pixel difference, will not only data be lost but also load can be greatly decreased
Required resource volume, resource volume needed for Web frame-by-frame cartoons are greatly decreased, can in the case where network environment is poor according to
So keep good user experience.
The invention will be further described in the following with reference to the drawings and specific embodiments.
Detailed description of the invention
Fig. 1 is that the final smart picture of the main implementation method of Web frame-by-frame cartoons at this stage exports schematic diagram；
Fig. 2 is the realization side of the pixel difference frame-by-frame cartoons provided in an embodiment of the present invention based on Canvas and WebWorker
The structural schematic diagram of method；
Fig. 3 is the realization side of the pixel difference frame-by-frame cartoons provided in an embodiment of the present invention based on Canvas and WebWorker
The final smart picture of method exports schematic diagram.
Specific embodiment
In order to more fully understand technology contents of the invention, combined with specific embodiments below to technical solution of the present invention into
One step introduction and explanation, but not limited to this.
Such as Fig. 2-specific embodiment shown in Fig. 3, the pixel difference provided in this embodiment based on Canvas and WebWorker
The implementation method of frame-by-frame cartoons can weed out the same or similar part in front of and after frames picture, Web is greatly decreased and moves frame by frame
Resource volume needed for drawing, can still keep good user experience in the case where network environment is poor.
In the present embodiment, frame-by-frame cartoons also known as stop-motion animation, are a kind of cartoon techniques, principle will every frame it is different
Image continuously plays, to generate animation effect.Spirit figure also known as CSSSprites are a kind of Web page picture application processing sides
Formula, it allows you that some fragmentary pictures are merged into one big figure.HTML5: being the newest revision version of HTML, in October, 2014
Standard formulation is completed by World Wide Web Consortium (W3C).Canvas: being a part of HTML5, allows scripting language dynamic rendering bitmap
Picture.CSS3: being the latest developments of cascading style sheets (CascadingStyleSheets) language.GetImageData:
Canvas2DAPI returns to an ImageData object, for describing the pixel data in the region Canvas.PutImageData:
Pixel data in ImageData object is plotted to bitmap by Canvas2DAPI.PNG: portable network figure
(PortableNetworkGraphics, PNG) is a kind of bitmapped graphics format of lossless compression, supports index, gray scale, RGB tri-
The kind characteristics such as Color scheme and the channel Alpha.The channel Alpha: also known as alpha channel, it is one 8 gray channels, it should
Channel records transparent information in image with 256 grades of gray scales, defines transparent, opaque and translucent area.Browser: referring to can
To show the html file content of web page server or file system, and the one kind for giving user and these file interactions is soft
Part.JAVASCRIPT: a kind of literal translation formula scripting language is a kind of regime type, the language based on prototype, built-in support class.Number
Group: be on computer programming language for Array Chinese call, main function be stored using individual variable name it is a series of
Value.Doubly linked list: being also double linked list, is one kind of chained list, and there are two pointers in its each back end, is respectively directed to
Immediate successor and direct precursor.WebWorker: being a part of HTML5, is the JAVASCRIPT for operating in backstage, independently of
Other scripts will not influence the performance of the page.
The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker, is broadly divided into two parts: first
To calculate pixel difference part, second part is to realize part for part.It is specific as follows:
Step 1. calculates pixel difference part, then load before and after frames picture first obtains before and after frames class array by canvas
Allowable error and minimum intercepted length is then arranged in the pixel data of form, and parameter setting allows to miss after completing according to setting
Difference calculates pixel difference array；Pixel difference array is intercepted according to minimum intercepted length and obtains location information array；In order to avoid
Loss of data caused by the canvas realization mechanism of current browser, it is also necessary to 255Alpha value is inserted into the data of acquisition；
Pixel difference numerical value is stored as PNG picture for convenience, inactive pixels point is supplemented after pixel data and location information is recorded
It is last to operate to obtain rear frame also original image according to obtained data back in numerical value, the original image of frame also original image and previous frame after comparison, such as
Fruit does not meet expected then Reparametrization until reduction icon is closed and is expected；It is real to enter step 2 after the calculating of all pictures finishes
Otherwise now part calculates next frame, the original image for serving as the previous frame of calculating pixel difference next time when pre reduction figure.
Step 2. realizes part, first arranges data all pixels difference picture and synthesizes a smart figure simultaneously all positions
Information array is put into js file, and smart figure and relevant location information data file after load arrangement open webWorker simultaneously
Original image is restored according to smart figure and corresponding location information and is realized frame by frame using different methods according to the actual situation
Animation.
The implementation method of the above-mentioned pixel difference frame-by-frame cartoons based on Canvas and WebWorker mainly utilizes pixel difference
Frame-by-frame cartoons weed out part same or similar in front of and after frames and obtain pixel difference, then also according to former frame and pixel difference
Original goes out a later frame, and Web frame-by-frame cartoons institute is greatly decreased in resource volume needed for will not only having lost data but also load capable of being greatly decreased
The resource volume needed, can still keep good user experience in the case where network environment is poor.
More further, for step 1, calculating pixel difference is mainly to utilize new features Canvas, the Canvas offer of HTML5
GetImageData method, the pixel data of the picture of available class array form pass through the class for calculating before and after frames picture
The difference of array form pixel data can be obtained by the pixel difference of class array form.
In addition, being png picture for the pixel difference storage of array in step 1, since PNG format is a kind of outstanding picture
Storage format still consider to be mentioned with Canvas here in order to which the pixel difference storage of array guaranteed cannot be greater than original image later
The putImageData method of confession is stored as PNG format after pixel difference array is carried out some optimizations and obtains relevant position
Information, obtain relevant location information main optimization method have it is as follows:
Firstly the need of the consecutive invalid pixel weeded out in pixel difference class array, and records rejecting point initial position and pick
Except a digit obtains relevant location information.
Then due to browser at this stage to the realization of Canvas for performance the considerations of, it is small in the Alpha value of pixel
When 255, there are loss of data between getImageData and putImageData, and loss of data is to frame by frame in order to prevent
Animation has an impact, and needs exist for being manually inserted into 255 in the Alpha value front of each pixel, so that former Alpha value be allowed to retreat
One becomes the R value of next pixel；It finally also needs to increase some consecutive invalid pixels in pixel difference class array tail portion,
To allow the pixel difference PNG picture height having the same or width of all outputs, the synthesis of convenient final smart picture.
The above optimization operation be mainly based upon influence PNG picture size because being known as, the width of PNG picture and highly, PNG
The regularity of distribution of color in picture, the non-fully number of transparent pixels point in PNG picture
More further, for step 1, restore original image by pixel difference is exactly the reversed behaviour for storing pixel difference in fact
Make, but should be noted is to carry out in user browser when user accesses webpage due to reduction pixel difference operation, institute
With with calculate and store the two operation unlike, reduction pixel difference operation needs to consider time factor, it is necessary to as far as possible
Raising performance；
And the insertion of the JAVASCRIPT array type in browser and delete operation efficiency are very low, are not suitable for also original pixel
This operation for needing largely to calculate of difference, so needing exist for realizing a kind of customized doubly linked list structure, while will also optimize
The search efficiency (because reduction pixel difference operation also relates to a large amount of inquiry operations) of the chained list；It is finally a large amount of in order to prevent to calculate
Lead to page Caton, there is also the need to the new features WebWorker using HTML5, realize multi-thread programming.
In addition, the implementation of pixel difference frame-by-frame cartoons: needing to store original picture in certain position, so in step 2
Pixel difference is stored in original picture middle position afterwards, all animation frames is restored and realizes frame-by-frame cartoons in a common manner again later,
The advantages of this method is accurately to control time interval.
In other embodiments, in step 2, the implementation of pixel difference frame-by-frame cartoons is only to need to store pixel difference
The advantages of then group restores a frame according to sequencing and show a frame, this method is that load resource few.
In addition, the present invention is accomplished by using simple data simulated technological process
Before and after frames picture is loaded by before and after frames picture path；
The error amount allowed and minimum intercepted length are set；
The class array knot of picture is obtained using the getImageData of Canvas after before and after frames picture all loadeds
The pixel data of structure i.e. the ImageData object of JAVASCRIPT；
It is recorded in a later frame array at this time and the absolute difference of same position is greater than preset error value in former frame array
Color point value into new pixel data, same position if ineligible in new pixel data record 0, such as
Fruit is equal to 0 (the color point i.e. invalid color point) in the color value for the color point that a later frame is recorded, and should record at this time
The color value of former frame (for distinguishing invalid color point)；
Then it is deleted inactive pixels point from the starting position of new pixel data by preset interception digit and recorded and be intercepted
The initial position of inactive pixels point obtains transition pixel difference array；
The phenomenon that loss of data will appear when alpha value is less than 255 to the realization of Canvas due to browser, institute
To be manually inserted into color value 255 before all positions alpha of transition pixel difference group, former alpha value move backward one at
For the R value of next pixel, new transition pixel difference group is obtained；
Some extra inactive pixels points are supplemented in new transition pixel difference group tail portion, the invalid color point newly supplemented
It needs to be recorded in location information array to obtain final pixel difference array and final location information array；
Calculate whole processes of pixel difference array and location information array；
Obtained pixel difference array png form is stored with the putImageData method of Canvas, and obtained position
Confidence breath array is placed directly into JAVASCRIPT code；
Due to allowing to be arranged certain error amount when calculating pixel difference, if after will lead to many frames using original image always
The error that original naked eyes can not be differentiated is amplified so that can with the naked eye differentiate, so needing to use this after having carried out primary calculating
The rear frame picture of secondary reduction serves as the previous frame picture calculated next time, to guarantee regardless of how many frame is always only in last frame
The error that can not be differentiated in the presence of naked eyes；
After the pixel difference for calculating each frame according to suitable error amount and intercepted length, obtained pixel difference png
Picture synthesizes a big smart figure；
When realizing pixel difference frame-by-frame cartoons, need first to load pixel difference png spirit figure and location information JS file；
After resource loaded, respectively according to pixel difference array and corresponding location information according to the anti-of calculating pixel difference
Original image is restored to operation, different modes is then taken to realize frame-by-frame cartoons.
The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker of the invention mainly utilizes pixel
Poor frame-by-frame cartoons weed out part same or similar in front of and after frames and obtain pixel difference, then according to former frame and pixel difference
A later frame is restored, Web frame-by-frame cartoons are greatly decreased in resource volume needed for will not only having lost data but also load capable of being greatly decreased
Required resource volume can still keep good user experience in the case where network environment is poor.
It is above-mentioned that technology contents of the invention are only further illustrated with embodiment, in order to which reader is easier to understand, but not
It represents embodiments of the present invention and is only limitted to this, any technology done according to the present invention extends or recreation, by of the invention
Protection.Protection scope of the present invention is subject to claims.
Claims (7)
1. the implementation method of the pixel difference frame-by-frame cartoons based on Canvas and WebWorker, which is characterized in that including in detail below
Step:
Step 1. calculates pixel difference part, first load before and after frames picture, then obtains before and after frames class array shape by Canvas
The pixel data of formula, is then arranged allowable error and minimum intercepted length, and parameter setting allows to miss after completing according to setting
Difference calculates pixel difference array；Pixel difference array is intercepted according to minimum intercepted length and obtains location information array；In acquisition
255Alpha value is inserted into data；It is PNG picture pixel difference storage of array, inactive pixels point is supplemented after pixel data and is remembered
Record in location information array, it is last to operate to obtain rear frame also original image according to obtained data back, after comparison frame also original image and
The original image of previous frame, the Reparametrization if not meeting and being expected is until reduction icon is closed and is expected；When the calculating of all pictures finishes
After enter step 2 realization parts, otherwise calculate next frame, when pre reduction figure serve as next time calculate pixel difference previous frame original
Figure；
Step 2. realizes part, first arranges data, all pixels difference picture is synthesized a smart figure, while all positions are believed
Breath array is put into js file, and smart figure and relevant location information data file after load arrangement open W ebWorker simultaneously
Original image is restored according to spirit figure and corresponding location information, and is realized frame by frame using different methods according to the actual situation
Animation.
2. the implementation method of the pixel difference frame-by-frame cartoons according to claim 1 based on Canvas and WebWorker, special
Sign is, it is the new features Canvas using HTML5 that pixel difference is calculated in the step 1, and Canvas is provided
GetImageData method, the pixel data of the picture of available class array form, by the class number for calculating before and after frames picture
The difference of group form pixel data can be obtained by the pixel difference of class array form.
3. the implementation method of the pixel difference frame-by-frame cartoons according to claim 1 based on Canvas and WebWorker, special
Sign is that the pixel difference storage of array in the step 1 is the putImageData method that PNG picture is provided with Canvas,
Pixel difference array is stored as PNG format after carrying out some optimizations and obtains relevant location information.
4. the implementation method of the pixel difference frame-by-frame cartoons according to claim 3 based on Canvas and WebWorker, special
Sign is, relevant location information is obtained in the step 1, it is necessary first to weed out the consecutive invalid picture in pixel difference class array
Vegetarian refreshments, and record rejecting point initial position and reject point digit and obtain relevant location information；Then in the Alpha of each pixel
Value front is manually inserted into 255, so that former Alpha value be allowed to retreat the R value for becoming next pixel；Finally in pixel difference class
Array tail portion increases some consecutive invalid pixels, allows the pixel difference PNG picture height having the same or width of all outputs,
The final smart picture of synthesis.
5. the implementation method of the pixel difference frame-by-frame cartoons according to claim 4 based on Canvas and WebWorker, special
Sign is that restoring original image by pixel difference in the step 1 is the reverse operating for storing pixel difference.
6. the implementation method of the pixel difference frame-by-frame cartoons according to claim 1 based on Canvas and WebWorker, special
Sign is that pixel difference frame-by-frame cartoons is achieved in that needs in certain position storage original picture, then in original in the step 2
Picture middle position stores pixel difference, restores all animation frames and realizes frame-by-frame cartoons in a common manner again later.
7. the implementation method of the pixel difference frame-by-frame cartoons according to claim 1 based on Canvas and WebWorker, special
Sign is that being achieved in that for pixel difference frame-by-frame cartoons only needs to store pixel difference array in the step 2, then according to successive
One frame of order restoring shows a frame.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610169268.7A CN105844683B (en) | 2016-03-23 | 2016-03-23 | The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker |
| HK16110076.8A HK1222031A1 (en) | 2016-03-23 | 2016-08-24 | Implementation method of frame by frame animation of pixel difference based on canvas and webworker canvas webworker |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610169268.7A CN105844683B (en) | 2016-03-23 | 2016-03-23 | The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105844683A CN105844683A (en) | 2016-08-10 |
| CN105844683B true CN105844683B (en) | 2019-02-05 |
Family
ID=56582926
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610169268.7A Active CN105844683B (en) | 2016-03-23 | 2016-03-23 | The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN105844683B (en) |
| HK (1) | HK1222031A1 (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108255546B (en) * | 2016-12-29 | 2021-09-24 | 腾讯科技（北京）有限公司 | Method and device for realizing data loading animation |
| CN108874829B (en) * | 2017-05-12 | 2023-05-09 | 腾讯科技（深圳）有限公司 | Webpage processing method and device, intelligent equipment and computer storage medium |
| CN108540799B (en) * | 2018-05-16 | 2022-06-03 | 重庆堂堂网络科技有限公司 | Compression method capable of accurately representing difference between two frames of images of video file |
| CN110853122B (en) * | 2019-11-07 | 2024-02-06 | 网易（杭州）网络有限公司 | Animation generation method, device and storage medium |
| CN112333521A (en) * | 2020-11-05 | 2021-02-05 | 杭州米络星科技(集团)有限公司 | Expression playing method and device, electronic equipment and computer readable storage medium |
| CN113496537B (en) * | 2021-07-07 | 2023-06-30 | 网易（杭州）网络有限公司 | Animation playing method, device and server |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102663720A (en) * | 2012-03-31 | 2012-09-12 | 哈尔滨工业大学 | Image splicing method based on minimum mean square error criterion |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7969488B2 (en) * | 2005-08-03 | 2011-06-28 | Micron Technologies, Inc. | Correction of cluster defects in imagers |
-
2016
- 2016-03-23 CN CN201610169268.7A patent/CN105844683B/en active Active
- 2016-08-24 HK HK16110076.8A patent/HK1222031A1/en unknown
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102663720A (en) * | 2012-03-31 | 2012-09-12 | 哈尔滨工业大学 | Image splicing method based on minimum mean square error criterion |
Non-Patent Citations (1)
| Title |
|---|
| Flash逐帧动画的表现技法;居全伟;《才智》;20101231(第31期);32 |
Also Published As
| Publication number | Publication date |
|---|---|
| HK1222031A1 (en) | 2017-06-16 |
| CN105844683A (en) | 2016-08-10 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105844683B (en) | The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker | |
| US20230237706A1 (en) | Encoding and decoding a stylized custom graphic | |
| CN108010112B (en) | Animation processing method, device and storage medium | |
| CN106095437B (en) | The implementation method and device of the user interface layout type of RTL from right to left | |
| US8571338B2 (en) | Image file generation device, image processing device, image file generation method, and image processing method | |
| CN108734749A (en) | The visual style of image converts | |
| CN104850388B (en) | web page rendering method and device | |
| CN116597039B (en) | Image generation method and server | |
| WO2011052117A1 (en) | Image file generation device, image processing device, image file generation method, image processing method, and data structure for image files | |
| CN106796734A (en) | For the performance optimization of data visualization | |
| CN110069257A (en) | A kind of interface processing method, device and terminal | |
| JP5368254B2 (en) | Image file generation device, image processing device, image file generation method, image processing method, and data structure of image file | |
| CN102907069A (en) | Method and system for executing a graphics application | |
| JP7165272B2 (en) | Video data encoding/decoding method, device, program and computer device | |
| US10410606B2 (en) | Rendering graphical assets on electronic devices | |
| CN106991143A (en) | Multi-layer image file, generation method and device, read method and device | |
| CN108270926A (en) | For sending and receiving the device and method of handwriting animation message | |
| CN106354355A (en) | User interface layout method, device and system | |
| CN111459501A (en) | SVG-based Web configuration picture storage and display system, method and medium | |
| CN110113617A (en) | A kind of method and device of compression of images and decompression | |
| CN108881997A (en) | Animation file generates and playback method, device and system | |
| CN104350456B (en) | Information processor and information processing method | |
| CN115329720A (en) | Document display method, device, equipment and storage medium | |
| CN115170695A (en) | Method and device for generating chart picture, electronic equipment and storage medium | |
| CN111492408A (en) | Cartoon data display system, method, and program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1222031 Country of ref document: HK |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |