CN112100420A - Canvas-based picture carousel method - Google Patents
Canvas-based picture carousel method Download PDFInfo
- Publication number
- CN112100420A CN112100420A CN201910520608.XA CN201910520608A CN112100420A CN 112100420 A CN112100420 A CN 112100420A CN 201910520608 A CN201910520608 A CN 201910520608A CN 112100420 A CN112100420 A CN 112100420A
- Authority
- CN
- China
- Prior art keywords
- picture
- canvas
- pictures
- address set
- played
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/53—Querying
- G06F16/538—Presentation of query results
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/54—Browsing; Visualisation therefor
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a picture carousel method based on canvas, which comprises the following steps: putting pictures to be played into a picture address set, and creating an empty error index set; traversing and loading the pictures in the picture pool address set, and storing the index value with loading error in the error index set; deleting the picture addresses which cannot be normally loaded in the picture address set according to the error index set; setting a picture drawing abscissa or a picture drawing ordinate; and regularly drawing a normally loaded picture by using a canvas. The picture rolling playing is natural and smooth, and the refreshing frequency follows the refreshing frequency of the browser; the use method is simple, and only pictures needing to be played need to be transmitted; the method supports the effects of rolling pause and replay, and supports the effect of clicking pictures; supporting an additional incoming speed value, and accordingly adjusting the speed of scrolling and playing the picture; a picture resource continuous updating mode and a picture resource constant mode are supported; an infinite scroll mode and a scroll pause mode when the picture resources are not updated are supported.
Description
[ technical field ] A method for producing a semiconductor device
The invention belongs to the technical field of picture playing, and particularly relates to a picture carousel method based on canvas.
[ background of the invention ]
There are many carousel picture assemblies currently on the market, such as the Swiper, Better-Scroll and other third-party component libraries. When the component library is used for realizing the film rolling type rolling carousel effect, the rolling effect of the component library is not smooth enough, the movement of elements is not consistent enough, and the film rolling type playing effect is difficult to achieve.
[ summary of the invention ]
The technical problem to be solved by the invention is to provide a picture carousel method based on canvas, wherein the picture is naturally and smoothly scrolled and played, the refreshing frequency follows the refreshing frequency of a browser, and the best effect of animation which can be realized by the browser can be achieved under the same consumption of cpu, gpu and memory; the use method is simple, and only pictures needing to be played need to be transmitted; the method supports the effects of rolling pause and replay, and supports the effect of clicking pictures; supporting an additional incoming speed value, and accordingly adjusting the speed of scrolling and playing the picture; a picture resource continuous updating mode and a picture resource constant mode are supported; an infinite scroll mode and a scroll pause mode when the picture resources are not updated are supported.
In order to solve the above technical problem, an embodiment of the present invention provides a picture carousel method based on a canvas, including:
the picture to be played is put into the picture address set,
creating an empty error index set;
traversing and loading pictures in the picture pool address set, and storing an index value with loading errors in the error index set;
deleting the picture addresses which cannot be loaded normally in the picture address set according to the error index set;
setting a picture drawing abscissa or a picture drawing ordinate;
and regularly drawing a normally loaded picture by using a canvas.
Preferably, after the picture to be played is put into the picture address set, the method includes: the picture pool length is initialized.
Preferably, the picture drawing abscissa or the picture drawing ordinate includes:
setting a picture drawing abscissa as follows: canvas width + (picture width + picture-to-picture interval width) × i;
setting a picture drawing ordinate as: canvas height + (picture height + picture-to-picture spacing height) xi;
where i represents the index number of the picture in the picture pool set (coordinate set).
Preferably, storing the index value of the load error in the error index set comprises: and deleting the picture corresponding to the index in the error index set in the picture address set.
Preferably, before the placing the picture to be played into the picture pool address set, the method further includes: a picture to be played is obtained.
Preferably, the acquiring the picture to be played comprises: requesting pictures to be played at fixed time intervals, and splicing the pictures which are successfully requested to the tail end of the picture address set after the requests are successful; and if the spliced picture address set exceeds the length of the picture pool, stopping requesting to acquire the picture to be played.
Preferably, the timing of drawing the picture with the canvas comprises: judging whether the browser supports calling a drawing function when the browser draws the picture again next time, if so, calling the drawing function to draw the picture on the canvas when the browser draws the picture again next time; otherwise, calling a drawing function to draw the picture on the canvas according to the specified period.
Preferably, calling a drawing function when the picture is redrawn next time or calling the drawing function according to a specified period to draw the picture on the canvas comprises:
traversing the picture pool, calling canvas to position the image, and defining a function of the width and the height of the image to draw the picture on the canvas;
and updating the abscissa or the ordinate of each picture in the coordinate set.
Preferably, the initialized picture pool length is the number of visible pictures plus the pre-loaded picture buffer number.
Preferably, the pre-loaded picture buffer number is 3-6.
Compared with the prior art, the technical scheme has the following advantages: the picture rolling playing is natural and smooth, the refreshing frequency follows the refreshing frequency of the browser, and the best effect of animation which can be realized by the browser can be achieved under the same consumption of cpu, gpu and memory; the use method is simple, and only pictures needing to be played need to be transmitted; the method supports the effects of rolling pause and replay, and supports the effect of clicking pictures; supporting an additional incoming speed value, and accordingly adjusting the speed of scrolling and playing the picture; a picture resource continuous updating mode and a picture resource constant mode are supported; an infinite scroll mode and a scroll pause mode when the picture resources are not updated are supported.
[ description of the drawings ]
In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without inventive labor.
Fig. 1 is a flowchart of a canvas-based picture carousel method.
Fig. 2 is a first embodiment of a canvas-based picture carousel method.
Fig. 3 is a second embodiment of a canvas-based picture carousel method.
[ detailed description ] embodiments
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
Example one
Fig. 1 is a flowchart of a canvas-based picture carousel method. As shown in fig. 1, a picture carousel method based on canvas includes the steps of:
s11, putting the pictures to be played into a picture address set, and creating an empty error index set;
s12, traversing and loading the pictures in the picture pool address set, and storing the index values with loading errors in the error index set;
s13, deleting the picture addresses which cannot be loaded normally in the picture address set according to the error index set;
s14, setting a picture drawing horizontal coordinate or a picture drawing vertical coordinate;
and S15, regularly drawing the normally loaded picture by using the canvas.
Step S11, before the picture to be played is placed in the picture address set, the method further includes: a picture to be played is obtained. Acquiring the picture to be played comprises the following steps: requesting pictures to be played at fixed time intervals, and splicing the pictures which are successfully requested to the tail end of the picture address set after the requests are successful; and if the spliced picture address set exceeds the length of the picture pool, stopping requesting to acquire the picture to be played. If the picture is a fixed number of pictures, the picture address set size can be directly obtained.
Step S11, after the picture to be played is put into the picture address set, includes: the picture pool length is initialized. The initialized picture pool length is set to the number of visible pictures plus the number of preloaded picture buffers. The pre-loaded picture buffer number can be set to 3-6 according to needs, and can be set to 3 in order to avoid waste of storage space.
Step S14, setting a picture drawing abscissa or a picture drawing ordinate includes:
setting a picture drawing abscissa as follows: canvas width + (picture width + picture-to-picture interval width) × i;
setting a picture drawing ordinate as: canvas height + (picture height + picture-to-picture spacing height) xi;
the calculation formula of the width or height of the canvas is as follows:
(see number of pictures + preloaded picture buffer number) × (picture width or height + picture-to-picture spacing width or spacing height);
where i represents the index number of the picture in the picture pool set (coordinate set).
Step S13, deleting the picture addresses that cannot be normally loaded in the picture address set according to the error index set includes: and deleting the picture corresponding to the index in the error index set in the picture address set.
Step S15, regularly drawing the normally loaded picture with the canvas includes: judging whether the browser supports calling a drawing function such as a requestAnimationFrame method when the browser redraws the picture next time, if so, calling the drawing function such as calling the requestAnimationFrame method to draw the picture on the canvas when the browser redraws the picture next time; otherwise, a drawing function is called according to a specified period (in milliseconds) to draw pictures on the canvas, for example, a setInterval method is called. The step of calling the requestAnimationFrame method or the setintersval method to draw the picture on the canvas comprises the following steps: traversing the picture pool, calling a canvas to position the image, and defining a function of the width and the height of the image, such as a drawImage method, to draw the picture on the canvas; and updating the abscissa and the ordinate of each picture in the coordinate set. Therefore, the frequency of drawing pictures by the canvas can be set according to the requirement, and the pictures can be continuously and smoothly played in turns. When the picture is played, pause or replay can be set according to needs, or the picture is clicked to see the effect of the big picture. The picture play speed can be set as desired.
Therefore, the picture rolling playing is natural and smooth, the refreshing frequency follows the refreshing frequency of the browser, and the best effect of animation which can be realized by the browser can be achieved under the same CPU, gpu and memory usage amount; the use method is simple, and only pictures needing to be played need to be transmitted; the method supports the effects of rolling pause and replay, and supports the effect of clicking pictures; supporting an additional incoming speed value, and accordingly adjusting the speed of scrolling and playing the picture; a picture resource continuous updating mode and a picture resource constant mode are supported; an infinite scroll mode and a scroll pause mode when the picture resources are not updated are supported.
Example two
Fig. 2 is a first embodiment of a canvas-based picture carousel method. As shown in fig. 2, this is an embodiment of picture resource fixing. Initially, a picture address set is initialized, a picture pool is created (the length of the picture pool is initially: the number of component visible pictures + the number of preload buffers 3), and an empty error index set is created. And traversing the picture address set, and creating a corresponding image object for each picture address. And judging whether the picture is loaded successfully or not, if not, storing the index value with the loading error into an error index set, and if so, putting the image object into a picture pool. Judging whether the number of elements in the picture pool is equal to the initial length, if not, continuing to traverse the picture address set; if yes, the next step is carried out: and interrupting the traversal of the picture address set, removing elements corresponding to index values in an error index set in the picture address set, then intercepting the elements with the length of the picture pool from 0, splicing the elements to the tail end of the picture address set, and emptying the error index set for the next use.
The film roll plays either scroll horizontally or vertically. That is, in general, the ordinate is moved only along the abscissa without changing the ordinate or the abscissa is moved only along the ordinate, and the film-roll picture playing is realized in this way. Initializing an abscissa drawn by each image object, and putting the abscissa into a coordinate set with the length equal to the length of the picture pool, wherein an initial coordinate calculation formula is as follows (wherein i is an index value of the coordinate set): setting the initial abscissa drawn by each picture as: the width of the canvas + (the width of the picture + the width of the interval between the picture and the picture) xi, and the corresponding vertical coordinates are all 0 at the moment; or setting the initial ordinate drawn by each picture as: the height of the canvas + (the height of the picture + the height of the interval between the picture and the picture) x i, and the corresponding horizontal coordinates are all 0 at this time. Wherein i represents the index number of the picture in the picture pool set. And judging whether the browser supports the requestAnanationFrame method, if so, executing to call the requestAnanationFrame method to start drawing on the canvas, otherwise, calling the setInterval method to start drawing on the canvas. Traversing the picture pool, drawing a picture on the canvas, and calling a drawImage method of the canvas, wherein the formula is as follows: drawImage (Image object, picture abscissa, 0, picture width, picture height). The abscissa of each element in the coordinate set is updated and decremented by two (left-shifted minus, right-shifted plus, increment may be set). Judging whether the abscissa is smaller than 0, if so, updating the abscissa to be the width of the canvas or the ordinate to be the height of the canvas, and traversing the picture address set again to update the Image object to be the first Image object which can be loaded successfully in the picture address set; if not, the coordinates are updated circularly, so that the picture moves step by step, then if the updated coordinates are found to be smaller than 0, the abscissa is updated to be the width of the canvas or the ordinate is updated to be the height of the canvas, and the picture address set is traversed again to update the Image object to be the first Image object which can be loaded successfully in the picture address set. In this process, the index value of the load error is recorded with the error index set. And after the updating is successful, removing elements corresponding to index values in an error index set in the picture address set, then intercepting 1 length element from 0, and splicing the element to the tail end of the picture address set. For example, when the picture carousel is played to the far left, i.e., the abscissa is less than 0, not only the abscissa needs to be moved to the far right, i.e., the abscissa is updated to the width of the canvas, but also the corresponding Image to be drawn is updated.
For example, if scrolling is performed horizontally and leftwards, 10 pictures in the picture address set are assumed to have index numbers of 0,1,2,3,4,5,6,7,8,9, and the address errors of the pictures with index 3 and index 7 in the 10 pictures cannot be loaded normally. The number of visible pictures to be played is 3, and the pre-loaded picture buffer number is set to 3. Suppose that the width and height of the pictures to be drawn are all 64px, and the interval width between the pictures is 20 px. The canvas width is (3+3) × (64+20), i.e., 504 px. The error index set is initialized to an empty set and an empty picture pool is initialized. And starting to traverse the picture address set, and sequentially creating a corresponding image object according to each picture address from the picture address with the index of 0. And if the loading of the image object is successful, putting the image object into the picture pool, and if the loading is failed, putting the corresponding index into an error index set. And each time an image object is created, the length of the picture pool is checked, and if the picture pool length is equal to 3 (number of visible pictures) +3 (number of preloaded picture buffers), the traversal process is stopped. In this case, the picture address set is [0,1,2,3,4,5,6,7,8,9], the error index set is [3], and the picture pool is [ image (0 is the corresponding address index, and is omitted later) ]. Deleting the address with index 3 and cutting the element of the length of the picture pool to splice to the back, at this time, the picture set becomes [7,8,9,0,1,2,4,5,6], and emptying the error index set. The abscissa of the picture in the initialized picture pool is [504+ (64+20) × 0, 504+ (64+20) × 1, 504+ (64+20) × 2, 504+ (64+20) × 3, 504+ (64+20) × 4, 504+ (64+20) × 5 ]. And then, calling a requestAnimation method (if the browser does not support, calling a setInterval method), traversing the picture pool once when the browser refreshes once, drawing the 6 pictures on the canvas by using a drawImage (image, picture abscissa, 0, 64, 64) method in sequence, in addition, in the process, after each drawing, updating the next abscissa to be drawn of the six pictures by 2, and judging whether the abscissa is less than 0 after the 2 is reduced, if not, updating the next abscissa to be drawn to be the value after the 2 is reduced, and if the abscissa is less than 0, updating the next abscissa to be drawn to be the canvas width 504 px. In this way, after the first Image (0) in the picture pool moves to the leftmost side, that is, the abscissa minus 2 is smaller than 0, the abscissa drawn next time is updated to be 504px, and the Image object is updated, since the picture with the original index of 7 and the current index of 0 has an address error and cannot be loaded normally, the error index is updated to be [0], and the first Image object which can be loaded successfully is the Image (8, for easy understanding, the index is the original index value). And after deleting the error index and splicing the first successfully loaded picture address, the picture address set is [9,0,1,2,4,5,6,8] at the moment. The picture pool is [ image (8), image (1), image (2), image (4), image (5) and image (6) ]. The address set is [504, (64+20) × 1-2, (64+20) × 2-2, (64+20) × 3-2, (64+20) × 4-2, (64+20) × 5-2] the next canvas is to be drawn continuously until the drawing program is terminated.
The function prototype of the setInterval function is setInterval (execution function, execution interval). In the present embodiment, the execution function refers to canvas, and the execution interval refers to how often redraws are performed, for example, 20ms is adopted in the present embodiment.
The functional prototype of the requestAnimationFrame function is: a window. requestanimationframe (execution function), and likewise, the execution function refers to canvas.
The setInterval function repeatedly executes code at specified time intervals until the intermittent call is cancelled or the page is unloaded. The advantages of requestAnimationFrame over setInterval are mainly two-fold:
the requestAnimationFrame function gathers all DOM operations in each frame, and completes them in one redraw or reflow, and the time interval of redraw or reflow closely follows the refresh frequency of the browser, which is typically 60 frames per second;
in hidden or invisible elements, the requestanamationframe function will not be redrawn or reflowed, which of course means less cpu, gpu and memory usage.
EXAMPLE III
Fig. 3 is a second embodiment of a canvas-based picture carousel method. As shown in fig. 3, this is an embodiment in which the picture resources are continuously updated. Initially, a picture to be played is obtained and placed into the newly created picture address set. And requesting pictures to be played at fixed time intervals, and splicing the pictures to the tail end of the picture address set after the requests are received (the maximum picture address length can be set, and splicing is not performed after the maximum picture address length is exceeded). A picture pool (the length of the picture pool is initially: the number of component visible pictures + the preload buffer number 3) is created, and an empty error index set is created. And traversing the picture address set, and creating a corresponding image object for each picture address. And judging whether the picture is loaded successfully or not, if not, storing the index value with the loading error into an error index set, and if so, putting the image object into a picture pool. Judging whether the number of elements in the picture pool is equal to the initial length, if not, continuing to traverse the picture address set; if yes, the next step is carried out: and interrupting the traversal of the picture address set, removing elements corresponding to index values in an error index set in the picture address set, then intercepting the elements with the length of the picture pool from 0, splicing the elements to the tail end of the picture address set, and emptying the error index set for the next use. Initializing an abscissa drawn by each image object, and putting the abscissa into a coordinate set with the length equal to the length of the picture pool, wherein an initial coordinate calculation formula is as follows (wherein i is an index value of the coordinate set): setting the initial abscissa drawn by each picture as: the width of the canvas + (the width of the picture + the width of the interval between the picture and the picture) xi, and the corresponding vertical coordinates are all 0 at the moment; or setting the initial ordinate drawn by each picture at the height of the canvas as follows: the height of the canvas + (the height of the picture + the height of the interval between the picture and the picture) x i, and the corresponding horizontal coordinates are all 0 at this time. Note that: because of the film roll play, either scrolling laterally or scrolling vertically. Wherein i represents the index number of the picture in the picture pool set. And judging whether the browser supports the requestAnanationFrame method, if so, executing to call the requestAnanationFrame method to start drawing on the canvas, otherwise, calling the setInterval method to start drawing on the canvas. Traversing the picture pool, drawing a picture on the canvas, and calling a drawImage method of the canvas, wherein the formula is as follows: drawImage (Image object, picture abscissa, 0, picture width, picture height). The abscissa of each element in the coordinate set is updated and decremented by two (left-shifted minus, right-shifted plus, increment may be set). Judging whether the abscissa is smaller than 0, if so, updating the abscissa (or the ordinate) to be the width or the height of the canvas, and traversing the picture address set again to update the Image object to be the first Image object which can be loaded successfully in the picture address set; if not, the coordinates are updated circularly, so that the picture moves step by step, then if the updated coordinates are found to be smaller than 0, the abscissa is updated to be the width of the canvas or the ordinate is updated to be the height of the canvas, and the picture address set is traversed again to update the Image object to be the first Image object which can be loaded successfully in the picture address set. In this process, the index value of the load error is recorded with the error index set. And after the updating is successful, removing elements corresponding to index values in an error index set in the picture address set, then intercepting 1 length element from 0, and splicing the element to the tail end of the picture address set.
According to the description, by using the picture carousel method based on the canvas, the picture scrolling playing is natural and smooth, the refreshing frequency follows the refreshing frequency of the browser, and the best effect of animation realized by the browser can be achieved under the same CPU, gpu and memory usage amount; the use method is simple, and only pictures needing to be played need to be transmitted; the method supports the effects of rolling pause and replay, and supports the effect of clicking pictures; supporting an additional incoming speed value, and accordingly adjusting the speed of scrolling and playing the picture; a picture resource continuous updating mode and a picture resource constant mode are supported; an infinite scroll mode and a scroll pause mode when the picture resources are not updated are supported.
The above embodiments of the present invention are described in detail, and the principle and the implementation of the present invention are explained by applying specific embodiments, and the above description of the embodiments is only used to help understanding the method of the present invention and the core idea thereof; meanwhile, for a person skilled in the art, according to the idea of the present invention, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present invention.
Claims (10)
1. A picture carousel method based on canvas is characterized by comprising the following steps:
putting pictures to be played into a picture address set, and creating an empty error index set;
traversing and loading pictures in the picture pool address set, and storing an index value with loading errors in the error index set;
deleting the picture addresses which cannot be loaded normally in the picture address set according to the error index set;
setting a picture drawing abscissa or a picture drawing ordinate;
and regularly drawing a normally loaded picture by using a canvas.
2. The canvas-based picture carousel method according to claim 1, wherein the placing the picture to be played into the picture address set comprises: the picture pool length is initialized.
3. The canvas-based picture carousel method according to claim 1, wherein setting a picture drawing abscissa or a picture drawing ordinate comprises:
setting a picture drawing abscissa as follows: canvas width + (picture width + picture-to-picture interval width) × i;
setting a picture drawing ordinate as: canvas height + (picture height + picture-to-picture spacing height) xi;
wherein i represents the index number of the picture in the picture pool set.
4. The canvas-based picture carousel method of claim 1, wherein storing an erroneously loaded index value in the set of error indices comprises, after: and deleting the picture corresponding to the index in the error index set in the picture address set.
5. The canvas-based picture carousel method according to claim 1, wherein before placing the picture to be played into the picture address set, further comprising: a picture to be played is obtained.
6. The canvas-based picture carousel method according to claim 2, wherein the obtaining of the picture to be played comprises: requesting pictures to be played at fixed time intervals, and splicing the pictures which are successfully requested to the tail end of the picture address set after the requests are successful; and if the spliced picture address set exceeds the length of the picture pool, stopping requesting to acquire the picture to be played.
7. The canvas-based picture carousel method according to claim 1, wherein the timing drawing of the picture with the canvas comprises: judging whether the browser supports calling a drawing function when the browser draws the picture again next time, if so, calling the drawing function to draw the picture on the canvas when the browser draws the picture again next time; otherwise, calling a drawing function to draw the picture on the canvas according to the specified period.
8. The canvas-based picture carousel method according to claim 7, wherein calling a drawing function when the picture is redrawn next time or calling a drawing function according to a specified period to draw the picture on the canvas comprises:
traversing the picture pool, calling canvas to position the image, and defining a function of the width and the height of the image to draw the picture on the canvas;
and updating the abscissa or the ordinate of each picture in the coordinate set.
9. The canvas-based picture carousel method according to claim 2, wherein the initialized picture pool length is the number of visible pictures plus a pre-loaded picture buffer number.
10. The canvas-based picture carousel method according to claim 9, wherein the pre-loaded picture buffer number is 3-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910520608.XA CN112100420A (en) | 2019-06-17 | 2019-06-17 | Canvas-based picture carousel method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910520608.XA CN112100420A (en) | 2019-06-17 | 2019-06-17 | Canvas-based picture carousel method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112100420A true CN112100420A (en) | 2020-12-18 |
Family
ID=73748412
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910520608.XA Pending CN112100420A (en) | 2019-06-17 | 2019-06-17 | Canvas-based picture carousel method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112100420A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112866739A (en) * | 2021-01-21 | 2021-05-28 | 商客通尚景科技（上海）股份有限公司 | Method for playing live photos in turn in real time |
| CN113791751A (en) * | 2021-09-27 | 2021-12-14 | 腾讯科技（深圳）有限公司 | Carousel graph display method and system, storage medium and terminal equipment |
-
2019
- 2019-06-17 CN CN201910520608.XA patent/CN112100420A/en active Pending
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112866739A (en) * | 2021-01-21 | 2021-05-28 | 商客通尚景科技（上海）股份有限公司 | Method for playing live photos in turn in real time |
| CN113791751A (en) * | 2021-09-27 | 2021-12-14 | 腾讯科技（深圳）有限公司 | Carousel graph display method and system, storage medium and terminal equipment |
| CN113791751B (en) * | 2021-09-27 | 2024-05-03 | 腾讯科技（深圳）有限公司 | Method and system for displaying carousel graphs, storage medium and terminal equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9535574B2 (en) | Infinite scrolling a very large dataset | |
| WO2017124811A1 (en) | Data drawing method and apparatus, terminal and storage medium | |
| CN104243668B (en) | A kind of video played in full screen method and device based on Android operation system | |
| CN105335410B (en) | A kind of webpage update method and device that acceleration is rendered based on synthesis | |
| CN112100420A (en) | Canvas-based picture carousel method | |
| WO2015180448A1 (en) | Method and device for switching playing mode of mobile terminal, storage medium and program | |
| US9990755B2 (en) | Apparatus and method for processing animation | |
| US11467717B2 (en) | Optimizing window resize actions for remoted applications | |
| CN107038736B (en) | Animation display method based on frame rate and terminal equipment | |
| CN110727825A (en) | Animation playing control method, device, server and storage medium | |
| CN112835499A (en) | Carousel graph display method, device, equipment and medium | |
| CN114071047A (en) | Frame rate control method and related device | |
| CN113393294A (en) | Page display method and device, equipment and storage medium | |
| CN106407009A (en) | Picture display method and device | |
| CN113641319B (en) | Equipment picture layout display method and device, storage medium and equipment | |
| US20130083034A1 (en) | Animation engine decoupled from animation catalog | |
| CN107273541A (en) | Network picture display method, device and electric terminal | |
| CN113918249A (en) | Method and device for realizing background fuzzy control | |
| CN106874387A (en) | A kind of adaptive H TML roll screens show the method for real time information | |
| US8788965B2 (en) | Method and device for displaying data by adjusting the size of controls | |
| CN111477183A (en) | Reader refresh method, computing device, and computer storage medium | |
| CN105808629B (en) | Webpage processing method and device | |
| CN108833980B (en) | IPTV page generation and reproduction method based on multi-window realization | |
| CN113891141B (en) | Video processing method, device and equipment | |
| US8693042B2 (en) | Image copying method and device |
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 | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20221207 Address after: 710000 second floor, building B3, yunhuigu, No. 156, Tiangu 8th Road, software new town, high tech Zone, Xi'an, Shaanxi Applicant after: Xi'an Guangqi Intelligent Technology Co.,Ltd. Address before: 710003 2nd floor, B3, yunhuigu, 156 Tiangu 8th Road, software new town, Xi'an City, Shaanxi Province Applicant before: Xi'an Guangqi Future Technology Research Institute |
|
| TA01 | Transfer of patent application right |