CN107423366B - Carousel graph switching method and device - Google Patents
Carousel graph switching method and device Download PDFInfo
- Publication number
- CN107423366B CN107423366B CN201710509170.6A CN201710509170A CN107423366B CN 107423366 B CN107423366 B CN 107423366B CN 201710509170 A CN201710509170 A CN 201710509170A CN 107423366 B CN107423366 B CN 107423366B
- Authority
- CN
- China
- Prior art keywords
- slice
- picture
- canvas
- slices
- moving
- 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
- 238000000034 method Methods 0.000 title claims abstract description 53
- 238000002407 reforming Methods 0.000 claims abstract description 8
- 238000004364 calculation method Methods 0.000 claims description 12
- 230000011218 segmentation Effects 0.000 claims description 5
- 238000004891 communication Methods 0.000 claims description 3
- 230000000694 effects Effects 0.000 abstract description 10
- 238000005516 engineering process Methods 0.000 abstract description 4
- 230000008569 process Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 4
- 238000004590 computer program Methods 0.000 description 3
- 238000006073 displacement reaction Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 239000002245 particle Substances 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
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/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/40—Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
- G06F16/43—Querying
- G06F16/438—Presentation of query results
- G06F16/4387—Presentation of query results by the use of playlists
- G06F16/4393—Multimedia presentations, e.g. slide shows, multimedia albums
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
The invention provides a carousel graph switching method and a carousel graph switching device, wherein the method comprises the following steps: s1, importing the picture into canvas, and segmenting the canvas to obtain a plurality of slices of the picture; s2, according to the set total moving time, each slice is moved from the initial position to the final position in the canvas at the same time; and S3, splicing all the slices at the final position, and reforming the whole picture to complete the switching of the carousel picture, wherein the total time of movement of each slice is equal. The invention carries out pixelization processing on the pictures by canvas technology, so that each pixel of each picture can be controlled, and the granular and diversified carousel effect can be completed.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a carousel map switching method and apparatus.
Background
The carousel map is an advertisement space for playing advertisements or important information of a home page, which is commonly used in a web page, and is usually represented by a picture or a large block of characters, and currently, the implementation effect of the carousel map in the web page can be basically divided into the following categories: fade-in and fade-out, sliding in the horizontal axis direction, picture replacement, and 3D pivot switching.
The three types of carousel graphs which are common in the market have a relatively simple implementation principle, and the main application methods are to change transparency or lateral displacement, 3d rotational displacement and the like of the whole picture to complete switching of the carousel graphs.
The above-mentioned several methods for switching the carousel pictures are all operations performed on the whole picture, which cannot perform finer control on the picture, and cannot realize diversified carousel effects.
Disclosure of Invention
The present invention provides a carousel map switching method and apparatus that overcomes, or at least partially solves, the above-mentioned problems.
According to a first aspect of the present invention, there is provided a carousel map switching method, including:
s1, importing the picture into canvas, and segmenting the canvas to obtain a plurality of slices of the picture;
s2, according to the set total moving time, each slice is moved from the initial position to the final position in the canvas at the same time;
and S3, splicing all the slices at the final position, and reforming the whole picture to complete the switching of the carousel picture, wherein the total time of movement of each slice is equal.
The invention has the beneficial effects that: the images of the carousel are segmented to realize graininess, the carousel images are switched by moving each segment, and the images are subjected to pixelation processing by canvas technology, so that each pixel of each image can be controlled, and graininess and diversified carousel effects can be achieved.
On the basis of the technical scheme, the invention can be further improved as follows.
Further, the picture data is stored in a javaScript variable of a web browser, and the method further includes:
constructing a picture object in a web browser, and assigning the src source address of the picture object as a picture address;
and according to the picture loading request, the web browser automatically loads the picture according to the picture address, and stores the loaded picture in a javaScript variable.
Further, the step S1 of splitting the canvas to obtain multiple slices of the picture includes:
setting the number of transverse sections and the number of longitudinal sections;
calculating the width of a single slice according to the total width of the canvas and the transverse division number of the slices, and calculating the height of the single slice according to the total height of the canvas and the longitudinal division number of the slices;
and segmenting the whole picture according to the width and the height of the single slice to obtain a plurality of slices of the picture.
Further, the method further comprises:
and storing the pixel data of each sliced slice and the position information of each slice in the canvas during slicing into a javaScript object, and erasing the whole canvas, wherein each slice corresponds to one javaScript object.
Further, the step S2 of simultaneously moving each slice from the initial position to the final position according to the set total moving time includes:
importing the slices in each javaScript object into a canvas, and calculating the moving direction and the moving distance of each slice according to the initial position and the final position of each slice in the canvas;
calculating the moving speed of each slice according to the set total moving time and the moving distance of each slice;
each slice is moved from an initial position to a final position according to the moving speed and moving direction of each slice.
Further, the position information of each slice stored in the javaScript object is used as the final position of the corresponding slice in the canvas.
According to the second aspect of the present invention, there is also provided a carousel map switching apparatus, including:
the segmentation module is used for segmenting the picture led into the canvas to obtain a plurality of slices of the picture;
the moving module is used for simultaneously moving each slice from the initial position to the final position in the canvas according to the set total moving time;
and the splicing module is used for splicing all the slices at the final position to reform the whole picture so as to complete the switching of the carousel pictures, wherein the total moving time of each slice is equal.
Further, the device also comprises a setting module and a calculating module;
the setting module is used for setting the number of the transverse sections and the number of the longitudinal sections;
the first calculation module is used for calculating the width of a single slice according to the total width of the canvas and the transverse dividing number of the slices, and calculating the height of the single slice according to the total height of the canvas and the longitudinal dividing number of the slices;
the cutting module is specifically configured to:
and segmenting the whole picture according to the width and the height of the single slice to obtain a plurality of slices of the picture.
Further, the device also comprises a second calculation module and a third calculation module;
the second calculation module is used for calculating the moving direction and the moving distance of each slice according to the initial position and the final position of each slice imported into the canvas;
the third calculation module is used for calculating the moving speed of each slice according to the set total moving time and the moving distance of each slice;
the moving module is specifically configured to:
each slice is moved from an initial position to a final position according to the moving speed and moving direction of each slice.
According to a third aspect of the present invention, there is also provided an apparatus of a carousel map switching method, including a processor (processor), a memory (memory), and a bus;
the processor and the memory complete mutual communication through the bus;
the memory stores program instructions executable by the processor, the processor invoking the program instructions to perform a method comprising:
importing the picture into canvas, and segmenting the canvas to obtain a plurality of slices of the picture;
simultaneously moving each slice from the initial position to the final position in the canvas according to the set total moving time;
and splicing all the slices at the final position, and reforming the whole picture to complete the switching of the carousel pictures, wherein the total moving time of each slice is equal.
Drawings
Fig. 1 is a flowchart of a carousel map switching method according to an embodiment of the present invention;
fig. 2 is a connection block diagram of a carousel map switching apparatus according to another embodiment of the present invention;
fig. 3 is an overall connection block diagram of a carousel map switching apparatus according to another embodiment of the present invention;
fig. 4 is a device connection block diagram of a carousel map switching method according to still another embodiment of the present invention.
Detailed Description
The following detailed description of embodiments of the present invention is provided in connection with the accompanying drawings and examples. The following examples are intended to illustrate the invention but are not intended to limit the scope of the invention.
Referring to fig. 1, a carousel map switching method according to an embodiment of the present invention is provided, and is applicable to the field of switching application of carousel maps, where the carousel map switching method includes: s1, importing the picture into canvas, and segmenting the canvas to obtain a plurality of slices of the picture; s2, according to the set total moving time, each slice is moved from the initial position to the final position in the canvas at the same time; and S3, splicing all the slices at the final position, and reforming the whole picture to complete the switching of the carousel picture, wherein the total time of movement of each slice is equal.
In the process of designing the webpage, the carousel map refers to a commonly used advertisement space for playing advertisements or important information of a home page in the webpage, and is generally represented by pictures and large-block characters. The traditional switching method for the carousel pictures is to process the whole picture, for example, transparency, horizontal axis direction sliding, 3d rotating shaft switching, and the like of the picture are processed to realize carousel switching of the picture. The traditional method can only transform the whole picture, and cannot finely control pixel blocks in the picture. Therefore, the present embodiment provides a method capable of controlling pixel blocks in a picture, and a particlized carousel effect can be achieved.
First, a brief description will be made of canvas technology used in the present embodiment, where canvas is a special tag derived from HTML5, and the visual description is a canvas on which pictures, words, lines, etc. can be placed. An interface may also be defined in the canvas, and various pattern effects may be placed or drawn on the canvas by calling the interface, and the placing of a picture is one kind in this embodiment.
In the method of the whole embodiment, firstly, the picture to be carousel is imported into the canvas, and the whole canvas is divided into a plurality of slices of the picture. Then, all the slices are moved on the canvas, and in the implementation, after obtaining a plurality of slices of the picture, the canvas is erased, and then all the slices of the picture are imported into the canvas, wherein all the slices are randomly distributed on the canvas, that is, the initial position of each slice on the canvas is random. And then moving each slice from the initial position to the final position, and setting the total time for moving all slices from the initial position to the final position, wherein it should be noted that the total time for moving each slice is equal, so that each slice can reach the final position at the same time when moving from the initial position to the final position, and at the final position, all slices are re-spliced to form a complete picture, thereby realizing carousel switching of the pictures. In the embodiment, the pictures are subjected to pixelization processing through canvas, so that each pixel of each picture can be controlled, and the granular and diversified carousel effect can be achieved.
In one embodiment of the present invention, the picture data is stored in a javaScript variable of a web browser, and the method further includes: constructing a picture object in a web browser, and assigning the src source address of the picture object as a picture address; and according to the picture loading request, the web browser automatically loads the picture according to the picture address, and stores the loaded picture in a javaScript variable.
Since the switching process of the carousel image is performed on a web browser, the web browser is required to load the image. In this embodiment, without placing a web tag in a web page, an Image picture object can be directly constructed in a javaScript environment, and the src source address of the picture object is assigned as a picture address. And after the web browser resolves the picture address, automatically loading the picture according to the picture address, and storing the loaded picture in a javaScript variable.
In another embodiment of the present invention, the step S1 of splitting the canvas into multiple slices includes: setting the number of transverse sections and the number of longitudinal sections; calculating the width of a single slice according to the total width of the canvas and the transverse division number of the slices, and calculating the height of the single slice according to the total height of the canvas and the longitudinal division number of the slices; and segmenting the whole picture according to the width and the height of the single slice to obtain a plurality of slices of the picture.
After the original image is stored in the javaScript variable, when the original image needs to be specifically cut, the original image is drawn into canvas through the canvas. In the process of specifically segmenting the canvas, the width and height of each slice, that is, the size of each slice, need to be determined during carousel switching. Each slice may be regular or irregular, and may be determined according to specific requirements. For simplicity of description, in this embodiment, each slice is regular, and the area of each slice is the same for the same picture, and the smaller the area of each slice is, the greater the number of slices after slicing is.
When the Canvas is cut, the width and the height of each slice need to be known, so that before the Canvas is cut again, the total width Canvas width of the Canvas, the total height Canvas height of the Canvas, the number SlideWidthNum of the horizontal slices and the number SlideHeightNum of the vertical slices need to be obtained. The width and height of each slice can be calculated by the four parameters, wherein the width SlideWidth of each slice is CanvasWidth/SlideWidthNum, and the height SlideHeight of each slice is CanvasHeight/SlideHeightNum. As can be seen from the above formula, the width and height of a single slice are inversely proportional to the number of slices, and therefore, when the number SlideWidthNum of horizontal slices and the number SlideHeightNum of vertical slices are sufficiently large, the area of each slice is sufficiently small, and the state of the slice is as normal as a particle state.
After the width and the height of each slice are obtained, the whole canvas can be segmented to obtain pixel data in each segment, and the pixel data of each segment and the position information of each segment in the canvas during segmentation are stored in a javaScript segment object, wherein each segment correspondingly defines one javaScript segment object. When all the slice data is obtained, the canvas is erased and the canvas is left blank again.
In an embodiment of the present invention, the step S2 of simultaneously moving each slice from the initial position to the final position according to the set total moving time includes: importing the slices in each javaScript object into a canvas, and calculating the moving direction and the moving distance of each slice according to the initial position and the final position of each slice in the canvas; calculating the moving speed of each slice according to the set total moving time and the moving distance of each slice; each slice is moved from an initial position to a final position according to the moving speed and moving direction of each slice.
In the above embodiment, each piece of slice data after the canvas is cut is stored in the javaScript object, and all the slices in the javaScript object are imported into the canvas in the blank state. When each slice is imported into the canvas, the initial position of each slice in the canvas is randomly defined, i.e., each slice is randomly distributed in the canvas, and the final position of each slice can be defined. And calculating the moving direction and the moving distance of each slice according to the initial position and the final position of each slice.
When the moving direction and the moving distance of each slice are calculated, assuming that the horizontal coordinate of the initial position of each slice is initPosX, the vertical coordinate is initPosY, the horizontal coordinate of the final position of each slice is endPosX, and the vertical coordinate is endPosY, the moving direction of each slice is arcTan ((initPosY-endPosY)/(initPosX-endPosX)), and the value thereof is expressed in angular units. In the process of moving each slice, the transverse distance that each slice needs to move is initPosX-endPosX, and the longitudinal distance that each slice needs to move is initPosY-endPosY. By the above calculation, the moving direction and the moving distance of each slice can be obtained.
After the moving direction and the moving distance of each slice are calculated, the moving speed of each slice, that is, the moving distance of each slice per second is calculated according to the set total moving time and the moving distance of each slice. Assuming that the total Time of all slice movements is Time, the transverse distance of slice movement per second is perdiscx ═ distanceX/Time, and the longitudinal distance of slice movement per second is perdiscy ═ distanceY/Time.
After the moving direction and the moving speed of each slice are calculated, each slice is moved from the initial position to the final position according to the moving speed and the moving direction of each slice within the set total moving time. Since the total time for each slice to move is equal, all slices reach the final position at the same time. At the final position, all the slices are re-stitched to form a complete picture. In this way, during the moving process of each slice, in the vision of the user, each slice is continuously moving towards the final position, and after the total moving Time is elapsed, all slices just return to the final position, and can be re-stitched into a complete picture, and in the course of this stitching, the switching of the carousel map is completed.
It should be noted that, since all the slices need to be pieced together again into a complete picture at the final positions of all the slices, in this embodiment, after the canvas is cut, the position of the current slice stored in the javaScript object in the canvas is used as the final position of the slice in the subsequent moving process. Since each slice can form a complete picture at the current position when just being cut, the position information of each slice just being cut in the canvas is determined as the final position of each slice in the subsequent moving process, so that the slices can be still spliced into a complete picture when all the slices reach the final positions.
After the splicing process of one picture is completed, the canvas can be erased, the other picture is segmented and spliced, when the other picture is segmented, the different width and height of each slice can be set, the different total moving time of each slice can also be set, so that different carousel effects are realized, and the more the number of the slices is, the more the effect of particlized carousel can be achieved.
Referring to fig. 2, a carousel switching system according to another embodiment of the present invention is provided, and includes a splitting module 21, a moving module 22, and a splicing module 23.
The segmentation module 21 is configured to segment the picture imported into the canvas to obtain a plurality of slices of the picture;
a moving module 22, configured to move each slice from the initial position to the final position in the canvas according to the set total moving time;
and a splicing module 23, configured to splice all the slices at the final position, and reform an entire picture to complete switching of the carousel map, where the total time of movement of each slice is equal.
Referring to fig. 3, the carousel map switching system according to another embodiment of the present invention further includes a construction module 24, a storage module 25, a setting module 26, a first calculation module 27, a second calculation module 28, and a third calculation module 28.
And the constructing module 24 is used for constructing the picture object in the web browser and assigning the src source address of the picture object as the picture address.
And the storage module 25 is used for automatically loading the picture according to the picture loading request and the picture address by the web browser, and storing the loaded picture in the javaScript variable.
And the setting module 26 is used for setting the number of the transverse slices and the number of the longitudinal slices.
A first calculating module 27, configured to calculate the width of a single slice according to the total width of the canvas and the number of slices divided horizontally, and calculate the height of a single slice according to the total height of the canvas and the number of slices divided vertically.
The segmentation module 21 is specifically configured to segment the entire picture according to the width and height of a single slice to obtain multiple slices of the picture.
The storage module 25 is further configured to store the pixel data of each sliced slice and the position information of the current slice in the canvas into a javaScript object, and erase the whole canvas, where each slice corresponds to one javaScript object.
And the second calculating module 28 is configured to import the slices in each javaScript object into the canvas, and calculate a moving direction and a moving distance of each slice according to an initial position and a final position of each slice in the canvas.
And a third calculating module 29, configured to calculate a moving speed of each slice according to the set total moving time and the moving distance of each slice.
Fig. 4 shows a block diagram of a device of a carousel map switching method according to an embodiment of the present application.
Referring to fig. 4, the apparatus of the carousel map switching method includes: a processor (processor)401, a memory (memory)402, and a bus 403; wherein, the processor 401 and the memory 402 complete the communication with each other through the bus 403.
The processor 401 is configured to call the program instructions in the memory 402 to execute the methods provided by the above-mentioned method embodiments, for example, including: importing the picture into canvas, and segmenting the canvas to obtain a plurality of slices of the picture; simultaneously moving each slice from the initial position to the final position in the canvas according to the set total moving time; and splicing all the slices at the final position, and reforming the whole picture to complete the switching of the carousel pictures, wherein the total moving time of each slice is equal.
The invention discloses a computer program product, which comprises a computer program stored on a non-transitory computer readable storage medium, wherein the computer program comprises program instructions, and when the program instructions are executed by a computer, the computer can execute the carousel map switching method provided by the corresponding embodiment, for example, the method comprises the following steps: importing the picture into canvas, and segmenting the canvas to obtain a plurality of slices of the picture; simultaneously moving each slice from the initial position to the final position in the canvas according to the set total moving time; and splicing all the slices at the final position, and reforming the whole picture to complete the switching of the carousel pictures, wherein the total moving time of each slice is equal.
The present invention also provides a non-transitory computer-readable storage medium storing computer instructions, where the computer instructions cause a computer to execute the carousel map switching method provided in the corresponding embodiment, for example, the method includes: importing the picture into canvas, and segmenting the canvas to obtain a plurality of slices of the picture; simultaneously moving each slice from the initial position to the final position in the canvas according to the set total moving time; and splicing all the slices at the final position, and reforming the whole picture to complete the switching of the carousel pictures, wherein the total moving time of each slice is equal.
Those of ordinary skill in the art will understand that: all or part of the steps for implementing the method embodiments may be implemented by hardware related to program instructions, and the program may be stored in a computer readable storage medium, and when executed, the program performs the steps including the method embodiments; and the aforementioned storage medium includes: various media that can store program codes, such as ROM, RAM, magnetic or optical disks.
The embodiments of the apparatuses and the like of the carousel map switching method described above are merely schematic, where units illustrated as separate components may or may not be physically separate, and components displayed as units may or may not be physical units, may be located in one place, or may also be distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.
Through the above description of the embodiments, those skilled in the art will clearly understand that each embodiment can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware. With this understanding in mind, the above technical solutions may be embodied in the form of a software product, which can be stored in a computer-readable storage medium, such as ROM/RAM, magnetic disk, optical disk, etc., and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute the various embodiments or some parts of the methods of the embodiments.
The carousel picture switching method and system provided by the invention can realize particlization by segmenting the picture, realize the switching of the carousel picture by moving each slice, and realize the pixelation processing of the picture by canvas, so that each pixel of each picture can be controlled, and the particlized and diversified carousel effect can be completed.
Finally, the method of the present application is only a preferred embodiment and is not intended to limit the scope of the present invention. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.
Claims (8)
1. A carousel map switching method is characterized by comprising the following steps:
s1, importing the picture into canvas, and segmenting the canvas to obtain a plurality of slices of the picture;
s2, according to the set total moving time, each slice is moved from the initial position to the final position in the canvas at the same time;
s3, splicing all the slices at the final position, and reforming the whole picture to complete the switching of the carousel pictures, wherein the total moving time of each slice is equal;
s2 further includes:
importing the slices in each javaScript object into the canvas after erasing, and calculating the moving direction and the moving distance of each slice according to the initial position and the final position of each slice in the canvas;
calculating the moving speed of each slice according to the set total moving time and the moving distance of each slice;
each slice is moved from an initial position to a final position according to the moving speed and moving direction of each slice.
2. The carousel map switching method of claim 1, wherein the picture data is stored in a javaScript variable of a web browser, the method further comprising:
constructing a picture object in a web browser, and assigning the src source address of the picture object as a picture address;
and according to the picture loading request, the web browser automatically loads the picture according to the picture address, and stores the loaded picture in a javaScript variable.
3. The carousel map switching method according to claim 1, wherein the step S1 of splitting the canvas into a plurality of slices of the picture comprises:
setting the number of transverse sections and the number of longitudinal sections;
calculating the width of a single slice according to the total width of the canvas and the transverse division number of the slices, and calculating the height of the single slice according to the total height of the canvas and the longitudinal division number of the slices;
and segmenting the whole picture according to the width and the height of the single slice to obtain a plurality of slices of the picture.
4. The carousel map switching method of claim 3, further comprising:
and storing the pixel data of each sliced slice and the position information of each slice in the canvas during slicing into a javaScript object, and erasing the whole canvas, wherein each slice corresponds to one javaScript object.
5. The carousel map switching method according to claim 4, wherein the position information of each slice stored in the javaScript object is used as the final position of the slice in the canvas.
6. A carousel map switching apparatus, comprising:
the segmentation module is used for segmenting the picture led into the canvas to obtain a plurality of slices of the picture;
the moving module is used for simultaneously moving each slice from the initial position to the final position in the canvas according to the set total moving time;
the splicing module is used for splicing all the slices at the final position to reform the whole picture so as to complete the switching of the carousel pictures, wherein the total moving time of each slice is equal;
the second calculation module is used for calculating the moving direction and the moving distance of each slice according to the initial position and the final position of each slice imported into the canvas;
the third calculation module is used for calculating the moving speed of each slice according to the set total moving time and the moving distance of each slice;
the moving module is specifically configured to:
each slice is moved from an initial position to a final position according to the moving speed and moving direction of each slice.
7. The carousel map switching apparatus of claim 6, wherein the apparatus further comprises a setting module and a calculating module;
the setting module is used for setting the number of the transverse sections and the number of the longitudinal sections;
the first calculation module is used for calculating the width of a single slice according to the total width of the canvas and the transverse dividing number of the slices, and calculating the height of the single slice according to the total height of the canvas and the longitudinal dividing number of the slices;
the cutting module is specifically configured to:
and segmenting the whole picture according to the width and the height of the single slice to obtain a plurality of slices of the picture.
8. The device of the carousel picture switching method is characterized by comprising a processor (processor), a memory (memory) and a bus;
the processor and the memory complete mutual communication through the bus;
the memory stores program instructions executable by the processor, the processor invoking the program instructions to perform the method of any one of claims 1-5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710509170.6A CN107423366B (en) | 2017-06-28 | 2017-06-28 | Carousel graph switching method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710509170.6A CN107423366B (en) | 2017-06-28 | 2017-06-28 | Carousel graph switching method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107423366A CN107423366A (en) | 2017-12-01 |
| CN107423366B true CN107423366B (en) | 2020-04-10 |
Family
ID=60427379
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710509170.6A Active CN107423366B (en) | 2017-06-28 | 2017-06-28 | Carousel graph switching method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107423366B (en) |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109872284A (en) * | 2019-01-18 | 2019-06-11 | 平安普惠企业管理有限公司 | Image information desensitization method, device, computer equipment and storage medium |
| CN111273976A (en) * | 2020-01-09 | 2020-06-12 | 北京金山安全软件有限公司 | Animation carousel method and device |
| CN112269957A (en) * | 2020-11-11 | 2021-01-26 | 北京联创信安科技股份有限公司 | Picture processing method, device, equipment and storage medium |
| CN113791751B (en) * | 2021-09-27 | 2024-05-03 | 腾讯科技（深圳）有限公司 | Method and system for displaying carousel graphs, storage medium and terminal equipment |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103390053A (en) * | 2013-07-26 | 2013-11-13 | 贝壳网际（北京）安全技术有限公司 | Page switching control method and device of browser and client |
| CN104636141A (en) * | 2015-01-31 | 2015-05-20 | 国家电网公司 | Multi-interface animation switching method for same region |
| CN105302608A (en) * | 2015-11-10 | 2016-02-03 | 北京京东尚科信息技术有限公司 | Advertisement dynamic display method and device applied at moment of application starting |
| CN106548504A (en) * | 2015-09-23 | 2017-03-29 | 腾讯科技（深圳）有限公司 | Web animation generation method and device |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2007325027A (en) * | 2006-06-01 | 2007-12-13 | Oki Electric Ind Co Ltd | Image segmentation method, image segmentation apparatus, and image segmentation program |
-
2017
- 2017-06-28 CN CN201710509170.6A patent/CN107423366B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103390053A (en) * | 2013-07-26 | 2013-11-13 | 贝壳网际（北京）安全技术有限公司 | Page switching control method and device of browser and client |
| CN104636141A (en) * | 2015-01-31 | 2015-05-20 | 国家电网公司 | Multi-interface animation switching method for same region |
| CN106548504A (en) * | 2015-09-23 | 2017-03-29 | 腾讯科技（深圳）有限公司 | Web animation generation method and device |
| CN105302608A (en) * | 2015-11-10 | 2016-02-03 | 北京京东尚科信息技术有限公司 | Advertisement dynamic display method and device applied at moment of application starting |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107423366A (en) | 2017-12-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107423366B (en) | Carousel graph switching method and device | |
| CN106658139B (en) | Focus control method and device | |
| CN109671147B (en) | Texture map generation method and device based on three-dimensional model | |
| CN105787402A (en) | Information display method and device | |
| US20230386041A1 (en) | Control Method, Device, Equipment and Storage Medium for Interactive Reproduction of Target Object | |
| US20170091152A1 (en) | Generating grid layouts with mutable columns | |
| CN111290680B (en) | List display method, device, terminal and storage medium | |
| CN105578035A (en) | Image processing method and electronic device | |
| CN107833227B (en) | Drawing method and system for circular cutting area | |
| CN107908380B (en) | Configuration-based multi-screen display method and device, terminal equipment and storage medium | |
| CN113282852A (en) | Method and device for editing webpage | |
| CN115830212A (en) | Three-dimensional model display method and related equipment | |
| CN114979123A (en) | System and method for preventing high-definition picture from being copied and accessing on demand | |
| CN105468656B (en) | Webpage background image generation method and system | |
| CN107016303B (en) | Information display method and device | |
| CN113918056A (en) | Method and device for adjusting application window | |
| EP3454207B1 (en) | Dynamic preview generation in a product lifecycle management environment | |
| CN112169332B (en) | Display method, device and equipment of 2D map and storage medium | |
| CN106610974B (en) | Webpage photo wall generation method and device | |
| WO2018175299A1 (en) | System and method for rendering shadows for a virtual environment | |
| CN114969590B (en) | Picture display processing method, device and medium | |
| CN113448470B (en) | Webpage long screenshot method, device, equipment and storage medium | |
| CN115423992B (en) | Engineering drawing space arrangement method, controller and storage medium | |
| CN113542846B (en) | AR barrage display method and device | |
| CN116467882B (en) | Connection display method and device for model and line in simulation software |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20240202 Address after: Room 801, 85 Kefeng Road, Huangpu District, Guangzhou City, Guangdong Province Patentee after: Yami Technology (Guangzhou) Co.,Ltd. Country or region after: China Address before: 430000 East Lake Development Zone, Wuhan City, Hubei Province, No. 1 Software Park East Road 4.1 Phase B1 Building 11 Building Patentee before: WUHAN DOUYU NETWORK TECHNOLOGY Co.,Ltd. Country or region before: China |