WO2017202294A1 - 图片动态展示方法、电子设备和存储介质 - Google Patents
图片动态展示方法、电子设备和存储介质 Download PDFInfo
- Publication number
- WO2017202294A1 WO2017202294A1 PCT/CN2017/085514 CN2017085514W WO2017202294A1 WO 2017202294 A1 WO2017202294 A1 WO 2017202294A1 CN 2017085514 W CN2017085514 W CN 2017085514W WO 2017202294 A1 WO2017202294 A1 WO 2017202294A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- trajectory
- local
- order
- trajectories
- sequence
- Prior art date
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/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
-
- 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/432—Query formulation
- G06F16/434—Query formulation using image data, e.g. images, photos, pictures taken by a user
-
- 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/51—Indexing; Data structures therefor; Storage structures
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
- G06F16/73—Querying
- G06F16/738—Presentation of query results
- G06F16/739—Presentation of query results in form of a video summary, e.g. the video summary being a video sequence, a composite still image or having synthesized frames
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
Definitions
- the present application relates to the field of information processing technologies, and in particular, to a picture dynamic display method, an electronic device, and a storage medium.
- a picture is a type of data that can carry visual information. Visual information can be restored by displaying pictures.
- pictures can record events happening in the real world, express the emotions of the authors of the pictures, display the pictures to reproduce the content of historical events, or convey the emotions of the authors of the pictures.
- the display image is mainly displayed according to the user operation, such as displaying a thumbnail of a series of pictures, and displaying the image corresponding to the clicked thumbnail after detecting the thumbnail clicked by the user.
- the current way of displaying pictures according to user operations depends on the user's operation, and the operation is cumbersome, so that the efficiency of conveying information through pictures is low.
- a picture dynamic display method an electronic device, and a storage medium are provided.
- a method for dynamically displaying pictures including:
- the corresponding picture is displayed in the display area corresponding to the drawn partial track.
- An electronic device comprising a memory and a processor, the memory storing computer readable instructions, the computer readable instructions being executed by the processor such that the processor performs the following steps:
- the corresponding picture is displayed in the display area corresponding to the drawn partial track.
- One or more computer readable non-volatile storage media storing computer readable instructions, when executed by one or more processors, cause the one or more processors to perform the steps of:
- the corresponding picture is displayed in the display area corresponding to the drawn partial track.
- FIG. 1 is a schematic diagram showing the internal structure of an electronic device in an embodiment
- FIG. 2 is a schematic flow chart of a method for dynamically displaying pictures in an embodiment
- Figure 3 is a schematic illustration of a complete trajectory in one embodiment
- FIG. 4 is a schematic diagram of a screen display area when each partial track is drawn in one embodiment
- FIG. 5 is a schematic diagram showing changes in a screen display area when transitioning between adjacent partial tracks in one embodiment
- FIG. 6 is a schematic diagram showing changes in a screen display area when transitioning between adjacent partial tracks in another embodiment
- FIG. 7 is a schematic diagram showing changes in a screen display area when a corresponding partial trajectory is drawn in turn according to a display order in an embodiment, and a corresponding picture is displayed in a display area corresponding to the drawn partial trajectory;
- FIG. 8 is a schematic flowchart of a step of determining a display order of acquired pictures in an embodiment
- FIG. 9 is a flow chart showing the steps of alternately drawing corresponding partial trajectories according to the display order in one embodiment
- Figure 10 is a flow chart showing the steps of representing a change in a local trajectory by motion of a moving object in one embodiment
- 11 is a flow chart showing the steps of controlling a local trajectory motion of a moving target along an embodiment
- Figure 12 is a flow chart showing the steps of drawing a local trajectory and motion control of a moving object in one embodiment
- FIG. 13 is a structural block diagram of an electronic device in an embodiment
- Figure 14 is a block diagram showing the structure of an electronic device in another embodiment.
- an electronic device includes a processor coupled through a system bus, a non-volatile storage medium, an internal memory, a network interface, a display screen, and an input device.
- the non-volatile storage medium of the electronic device stores an operating system, and can also store computer readable instructions.
- the processor can implement a dynamic picture display method.
- the processor is used to provide computing and control capabilities to support the operation of the entire electronic device.
- the computer readable instructions may be stored in the internal memory in the electronic device, and when the computer readable instructions are executed by the processor, the processor may be caused to perform a picture dynamic display method.
- the network interface is used to connect to the network for communication, such as obtaining a script for calculating a trajectory, drawing a trajectory, and displaying a picture from a server.
- the display screen of the electronic device may be a liquid crystal display or an electronic ink display screen
- the input device may be a touch layer covered on the display screen, or may be a button, a trackball or a touchpad provided on the outer casing of the electronic device, or may be An external keyboard, trackpad, or mouse.
- the electronic device can be a cell phone, a tablet or a personal digital assistant or a wearable device. A person skilled in the art can understand that the structure shown in FIG.
- FIG. 1 is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the electronic device to which the solution of the present application is applied.
- the specific electronic device may be It includes more or fewer components than those shown in the figures, or some components are combined, or have different component arrangements.
- a method for dynamically displaying a picture is provided.
- This embodiment is exemplified by the method applied to the electronic device shown in FIG.
- An application for displaying a picture can be run on the electronic device, and the dynamic display method of the picture is implemented by the application.
- the application can be a social network application or an instant messaging application or the like. The method specifically includes the following steps:
- step 202 more than one picture is acquired.
- the picture can be a person photo, a landscape photo, a synthetic image or a computer synthesis Pictures, etc.
- the electronic device can obtain two or more pictures, and the acquired pictures can be pictures with the same characteristics, such as photos taken during the same trip, photos taken at the same place, pictures of the same color, and also include Pictures of the same person or the same item.
- the electronic device can access a webpage for displaying a picture, thereby triggering acquisition of more than one picture in the webpage.
- the web page can be accessed by scanning the web address obtained from the QR code.
- the electronic device can provide a picture selection control, and after detecting the trigger operation of the picture selection control, enter a directory selection interface, detect a picture selection instruction triggered in the directory selection interface, and select more than one picture according to the picture selection instruction.
- the electronic device can also acquire a total of more than one picture in multiple times, and one or more pictures can be acquired each time.
- Step 204 Determine the order in which the acquired pictures are displayed.
- the order in which the images are displayed refers to the order in which the acquired images appear during the presentation.
- the electronic device may sort the acquired images according to the image attributes such as the name of the picture or the image size, and determine the order in which the acquired images are displayed according to the sorting result.
- Step 206 Determine, according to the display order, that the acquired pictures correspond to local trajectories in the complete trajectory.
- the complete trajectory may be a continuous state of the line in the overall shape, of course, the complete trajectory may visually appear as a solid line, a dotted line or a dotted line, but if the mathematical functions of the complete trajectories of these different forms are continuous It can be considered as a continuous complete trajectory.
- the complete trajectory may be preset, or may be selected from a plurality of candidate complete trajectories according to user operations, or may be generated in real time.
- the complete trajectory can be closed, such as a circular, elliptical or irregularly closed pattern; the complete trajectory can be open, such as a curved segment or a broken line segment. In order to present a change in the complete trajectory, the complete trajectory may not be in a straight line.
- the number of local trajectories in the complete trajectory may be fixed. Specifically, a fixed number of local trajectories may be pre-divided in the complete trajectory, and the electronic device may select an adjacent partial trajectory equal to the number of pictures from all the local trajectories, and select the picture and the selected partial trajectory according to the display order. A correspondence. When the number of pictures exceeds a fixed number of local tracks, the repeated local tracks can be cycled. The local track can be displayed by the size of the screen with the electronic device The matching rectangle is taken from the complete track.
- the local trajectory adjacent means that the local trajectories are adjacent in position, and the adjacent partial trajectories are connected by the transition trajectory.
- the two adjacent partial trajectories mean that the two partial trajectories are connected by a transition trajectory, and the plurality of partial trajectories are adjacent to each other, and the partial trajectories are sequentially connected by a transition trajectory between each two partial trajectories.
- the electronic device may also divide a local trajectory equal to the number of pictures from the complete trajectory in real time and correspond one-to-one with the acquired pictures.
- the local trajectory in the complete trajectory is located at a fixed location in the complete trajectory.
- the local trajectories in the complete trajectory may have a specified sequence, and when the electronic device selects an adjacent partial trajectory equal to the number of pictures from all the local trajectories, the electronic trajectory may be selected according to the sequence, such as The number of pictures is selected from a local track marked as the first place.
- the complete trajectory 300 is a closed figure surrounded by a number of third-order Bezier curves.
- the points D1 to D16 of the fixed position on the complete trajectory 300 represent the end points of the respective partial trajectories, and are also the end points of the transition trajectories.
- D12, D34, D56, D78, D910, D1112, D1314, and D1516 are eight local trajectories at fixed positions in the complete trajectory 300, and D23, D45, D67, D89, D1011, D1213, D1415, and D161 are fixed positions in the complete trajectory 300. 8 transition tracks.
- the local trajectory D12 is connected to the local trajectory D34 through the transition trajectory D23.
- the order of the local trajectories can be set to D12, D34, D56, D78, D910, D1112, D1314, and D1516, respectively.
- the traversal is traversed in order from the local trajectory D12.
- the traversal can be continued from the local trajectory D12 after traversing in order, until the corresponding local trajectory is found for all the pictures.
- determining, according to the display order, that each of the acquired images corresponds to a local trajectory in the complete trajectory comprises: selecting, from a fixed number of local trajectories in the complete trajectory, an equal number of adjacent partial trajectories, and The pictures are in one-to-one correspondence with the selected partial tracks in the order of presentation.
- the local trajectory in the complete trajectory is located at a fixed position in the complete trajectory; the selection is equal to the number of pictures from a fixed number of local trajectories in the complete trajectory
- Adjacent local trajectories include: selecting a number of adjacent partial trajectories equal to the number of pictures in a specified order from a fixed number of local trajectories in the complete trajectory.
- Step 208 The respective local trajectories are alternately drawn according to the display order, and are continuously drawn according to the corresponding transition trajectories in the complete trajectory when transitioning between adjacent partial trajectories in the display order; in the display area corresponding to the drawn partial trajectory Show the corresponding image.
- the electronic device sequentially draws a local trajectory corresponding to the display order according to the display order of the picture, and draws the local trajectory from the starting point of the local trajectory to the end point.
- the electronic device may specifically draw a local trajectory according to a fixed drawing speed or a fixed drawing time.
- the drawing speed here refers to the length of drawing a local trajectory per unit time
- the drawing time here is the time taken to draw a partial trajectory.
- the drawing speed and the drawing time can be taken within a range of values that make the drawing process of the local trajectory visible to the human eye.
- the electronic device may draw a local trajectory using HTML-based SVG (Scalable Vector Graphics). Specifically, the electronic device can obtain the length of the local trajectory through the SVG path, and set the local trajectory to the dotted line of the length of the dotted solid line and the length of the local trajectory by the SVG stroke-dasharray attribute, through the SVG.
- the stroke-dashoffset attribute controls the offset length from the start of the dotted line from the length of the local track to 0, so that the gradient from the start point to the end point of the local track can be achieved.
- the electronic device displays the pictures that should be displayed in the order of display in the display area corresponding to the drawn partial trajectory.
- the electronic device may pause for a period of time after each of the local trajectories is drawn, and display corresponding pictures in the display area corresponding to the drawn partial trajectory during the staying period.
- the time period of staying may be a fixed value, or may be a random value within a time range.
- the time period of staying can be greater than the drawing time of the current local trajectory, so that the picture can be fully displayed, and the time period of the stay can be 2 seconds.
- the display area corresponding to the local track may be an area covering a part of the local track, or may be an area next to the partial track.
- the electronic device may also display picture description text of the corresponding picture in the display area.
- the picture description text is the text describing the picture, which can be the text and figure input by the user. Slice summary information or a randomly selected general description statement.
- the electronic device transitions from the end point of the current local trajectory to the starting point of the next partial trajectory according to the transition trajectory in the complete trajectory corresponding to the adjacent partial trajectory.
- the drawing speed of the transition trajectory can be greater than the drawing speed of the local trajectory, so that the drawing process of the local trajectory can be highlighted, and the smoothness and speed of the transition between the local trajectories can be ensured.
- 401 to 408 are sequentially screen display areas of the electronic device when each partial track is drawn, and the screen display area of the electronic device smoothly transitions in the order from 401 to 408.
- the screen display area 401 to the screen display area 402 referring to FIG. 5, the position indicated by the dotted line is sequentially transitioned from the screen display area 401 to the screen display area 402; referring to FIG. 6, FIG. 6 shows the slave screen.
- the display area 401 transitions to a change in the transition trajectory displayed by the electronic device during the screen display area 402.
- a picture displayed in the display area covering a part of the local track in the screen display area is as shown in FIG. 7.
- the display order of each picture is determined, and the local trajectory corresponding to the picture is determined according to the display order, so that the partial trajectories corresponding to the respective pictures are also arranged in the display order in the complete trajectory.
- the local trajectory corresponding to each picture is drawn in turn according to the display order, and the drawn local trajectory corresponds to the display area, and the picture corresponding to the partial trajectory is displayed in the display area, so that the picture can be displayed in turn according to the display order, without user intervention intervention. , improve the efficiency of conveying information through pictures.
- step 204 specifically includes the following steps:
- Step 802 Acquire corresponding time information and/or spatial information according to the acquired picture.
- the time information may be a modification time or a shooting time of the picture
- the spatial information may be a geographic coordinate when the picture is taken, or a geographical position or an altitude of the landscape in the recognized picture.
- Time information and spatial information can be extracted from the abstract attribute of the image, or can be queried from the database. The stored time information and/or spatial information corresponding to the identity of the picture is obtained.
- Step 804 Sort the corresponding pictures according to the acquired time information and/or spatial information.
- the electronic device may sort the corresponding pictures in the time dimension according to the order of the time information.
- the shooting time of the picture can reflect the sequence of the content in the corresponding picture. For example, it can reflect the sequence of photos taken during the user's travel. After sorting, it can reflect the order of the user's travel, and can also describe the text collection with the picture. Dynamic display.
- the electronic device can also classify the images according to the spatial information of the image in the spatial dimension, and sequentially sort the pictures in the same spatial region.
- Spatial information can be extracted from the image summary information or automatically identified by the image.
- Pictures in different spatial regions can be sorted in a specific direction, such as from north to south or from south to north.
- Pictures in different spatial regions can also be sorted in conjunction with time information.
- Step 806 Determine a display order of the acquired pictures according to the image sorting result.
- the electronic device may directly determine the order of the pictures as the display order of the pictures, or adjust the order of the pictures according to the user operation, thereby obtaining the order in which the pictures are displayed.
- the time sequence and/or spatial information of the picture are used to determine the order in which the pictures are displayed, which may reflect the natural association between the pictures.
- the changes between the pictures may be reflected by the changes of the complete tracks.
- Time or geographic location changes to convey more information. For example, for a picture taken by a user during a trip, the change in the complete trajectory can reflect the user moving from one attraction to another, reflecting changes in time and/or geographic location.
- the step of drawing the corresponding partial trajectory in turn according to the display order specifically includes the following steps:
- Step 902 Acquire a sequence of track points through which the determined local trajectories pass.
- the track point is a discrete point that constitutes a local track.
- the track point can be represented by the horizontal and vertical coordinates of the coordinate origin in the screen display area of the electronic device.
- the trajectory point is the point at which the multi-order Saybol curve passes.
- a multi-order Saybol curve refers to a Sabel curve that is more than one order, such as a third-order, fourth-order, or fifth-order Saybol curve. Multiple orders can also be called multiple times.
- the Bézier curve also known as the Bézier curve or the Bezier curve, is applied to two dimensions. The mathematical curve of the graphics application.
- the track points are arranged in the order in which the corresponding partial tracks are drawn to form a sequence of track points.
- the electronic device specifically reads or calculates a sequence of track points through which the corresponding partial track needs to be drawn when the picture is displayed before drawing the local track.
- the number of track points in the track point sequence can be fixed and can be dynamically calculated according to the current screen display area size.
- Step 904 Acquire a sequence of control points corresponding to the sequence of track points.
- the control point is a point that controls the shape of the multi-order Saybol curve.
- the multi-step Saibel curve of a specific shape can be drawn by using the track point of the track point sequence as the end point of the multi-order Sabel curve and the corresponding control point.
- the control points are sequentially arranged in a position in the corresponding partial trajectory according to the positions of the multi-order Sabel curves constituting the local trajectory to form a control point sequence.
- Step 906 According to the display order, the multi-step Saibel curve is drawn according to the sequence of the track points and the sequence of control points corresponding to the corresponding local trajectory, and the corresponding local trajectory is obtained.
- the electronic device alternately draws the local trajectory according to the display order, and when each local trajectory is drawn, the multi-step Saibel curve is drawn according to the sequence of the trajectory points corresponding to the local trajectory and the control point sequence to form the local trajectory.
- the track point sequence may include endpoints of a multi-order Saybol curve that includes the start and end points of the corresponding multi-order Sabel curve.
- the electronic device forms a multi-step Saibel curve according to the sequence of track points and the sequence of control points corresponding to the local trajectory to form the local trajectory, and specifically can traverse the sequence of trajectory points to determine each multi-order Saibel curve in the local trajectory to be drawn.
- the parameter group, the parameter group includes an endpoint and a control point, so that the corresponding multi-order Saybol curve is drawn according to the parameter group to obtain a corresponding local trajectory.
- the trajectory point sequence and the finite discrete points in the sequence of control points can be utilized to draw corresponding curves by drawing a multi-order Sabel curve.
- Local trajectory, drawing efficiency is high, and since the multi-order Saybol curve itself is vector image and smooth, the visual trajectory of the drawing is good.
- the multi-order Saybol curve is a third-order Saibel curve; each of the three locus points in the sequence of track points forms a third-order Saibel curve in sequence; the drawn third-order Saibel curves are sequentially adjacent, adjacent
- the control point corresponding to the track point is symmetric about the center of the track point at the abutment.
- each multi-step Saibel curve can be divided into two half-stage multi-order Saibel curves, and each half-stage multi-step
- the Saybol curve has a corresponding parameter set, each parameter set includes the end point, the cut point and the control point of the half-multiple Saibel curve, and each end point, the cut point and the control point can be correspondingly used with the horizontal and vertical coordinates. Said.
- the sequence of track points can be formed by arranging the end points and the cut points of each half of the multi-order Sabel curve in the order of drawing.
- the third-order Saybol curve sequential adjacency means that the end point of one third-order Saybol curve is the same as the starting point of another third-order Saybol curve, and so on.
- the track point sequence is determined as A(Ax, Ay), B(Bx, By), C(Cx, Cy), D(Dx, Dy) according to the screen display area size and the fixed number of track points.
- track points A and C are the endpoints of a third-order Saybol curve, specifically the start point and the end point, respectively
- track point B is the cut point of the third-order Saybol curve.
- the sequence of control points is a(ax, ay), b(bx, by), c(cx, cy), where control points a and b are the third-order Saibel corresponding to track points A and C, respectively. Two control points of the curve.
- the electronic device can divide the parameter group into (Ax, Ay, ax, ay, Bx, By), (Bx, By, bx, by, Cx, Cy), (Cx, Cy, cx, cy, Dx, Dy). ..., and the control point b (bx, by) and the control point c (cx, cy) are symmetric about the center of the track point C (Cx, Cy).
- a third-order Saibel curve is divided into two half-segment third-order Saibel curves for drawing, and the third-order Saibel curve is sequentially adjacent, and the control points corresponding to the trajectory points at the adjacent points are related to the trajectory points of the adjacent points.
- the center is symmetrical, and the local curve of the overall smooth vector can be drawn by using discrete points, so that the trajectory changes are smooth.
- the picture dynamic display method further includes the step of indicating a change of the local trajectory by the motion of the moving target, and specifically includes the following steps:
- Step 1002 generating a moving target.
- the moving target is a virtual target that can be displayed in the screen display area and can be moved, such as a vehicle avatar or a character image or a cartoon image, such as an airplane, a train, a car, or a bicycle.
- the moving target can be moved by adjusting the position of the moving target over time.
- Step 1004 controlling the movement of the moving target along the local trajectory drawn.
- the electronic device can control the moving target to move according to the drawn local trajectory while drawing the local trajectory simultaneously or after drawing the local trajectory.
- the moving speed of the moving target can be higher, equal to or lower than the moving speed of the local trajectory.
- the moving object may have a portion representing the direction of motion, such as an aircraft head, and the electronic device may adjust the motion of the moving target such that the motion indicated by the moving target coincides with the actual moving direction of the moving target.
- the electronic device may select a number of local trajectory motions to trigger motion of the moving target, while the remaining local trajectories may only draw the local trajectory without triggering motion of the moving target.
- Step 1006 After the moving target moves to the specified position or the motion reaches a specified length of time or after the end of the drawn local trajectory motion, the corresponding image is displayed in the display area corresponding to the drawn partial trajectory.
- the specified position may be a position on a pre-stored local trajectory, or may be calculated according to a preset ratio and a length of a local trajectory, where the preset target indicates that the moving target passes from the starting point of the local trajectory to the designated position.
- the length of the motion trajectory occupies the proportion of the length of the local trajectory.
- the specified duration is the length of time that the moving target moves from the starting point of the local trajectory to the time when it reaches the specified position. End of motion refers to the end point of the moving target to the currently drawn local trajectory.
- the change of the local trajectory drawn in the process of displaying the image can be dynamically reflected, and the relationship between the images can be further expressed.
- step 1004 specifically includes the following steps:
- Step 1102 Acquire a motion time of the moving target; the motion time is calculated according to the preset motion speed and the length of the corresponding local trajectory.
- the motion time consuming is the length of time required for the moving target to move from the starting point of the local trajectory along the drawn local trajectory to the ending point.
- the electronic device can obtain the motion time of the moving target by dividing the length of the local track by the preset motion speed in real time or in advance.
- the length of the local trajectory can be calculated by the Gauss-Leader integration algorithm.
- the specific electronic device can be divided into 12 nodes and combined with the corresponding third-order Saibel.
- the curve calculates the length of the corresponding local trajectory.
- Step 1104 determining the coordinates of the moving target as a function of time according to the time consumption of the motion.
- the electronic device can take a number of time points from 0 to the time of the motion, and calculate the coordinates of the moving target at each time point. , thereby obtaining a series of coordinates of the moving target as a function of time.
- the coordinates of the moving target over time can be dynamically calculated using a JavaScript script.
- the electronic device can acquire the motion length t1/T*length that changes from the starting point of the local trajectory with time t1, where T is the motion time and length is the length of the local trajectory; the electronic device can utilize the Gaussian
- the coordinates of the time point t1 are obtained by letting the German integral algorithm and the length of the motion at the discrete time point t1.
- the corresponding Saibel curve can be gradually divided by the dichotomy until the length of the curve whose motion length is t1/T*length is determined after the segmentation, thereby determining the t parameter of the Saibel curve at this time, and then according to the The t parameter calculates the corresponding coordinates.
- the value of the t parameter is [0, 1], which indicates the time variation of the corresponding Saybol curve.
- Step 1106 changing the position of the moving target according to the determined coordinates.
- the electronic device can set the position of the moving target at the corresponding time point to the corresponding coordinate according to the coordinate that changes with time.
- the motion of the moving target can be controlled by the requestAnimationFrame API (frame-by-frame animation application programming interface).
- the position of the moving target can be changed by the matrix attribute of CSS3transform (CSS3 is a cascading style sheet, transform is the rotation attribute of CSS3), and the posture can be used to adjust the moving direction of the moving target.
- CSS3transform CSS3 is a cascading style sheet, transform is the rotation attribute of CSS3
- the motion of the moving target is time-consuming, so that the coordinate of the moving target changes with time is determined based on the moving time, and then the position of the moving target is changed according to the determined coordinate, so that the precise control of the moving target position can be realized.
- mapping of the local trajectory and the motion control of the moving target in the above picture dynamic display method are specifically implemented by the following steps:
- Step 1202 Acquire a sequence of track points through which the local track currently to be drawn passes.
- Step 1204 Acquire a sequence of control points corresponding to the sequence of track points.
- a trajectory animation container and a moving target are generated.
- Step 1208 traversing the sequence of track points through which the local track to be drawn currently passes, and determining a parameter group of each multi-order Sabel curve in the local track to be drawn currently.
- step 1210 an SVG path node for drawing a local trajectory is generated. If the generation is successful, the SVG function provided by the browser kernel is executed to perform step 1212; if the generation fails, step 1216 is executed by the application customization algorithm.
- the browser kernel can be integrated into the application. The application in this embodiment may not be a browser.
- Step 1212 According to the parameter group of each multi-order Sabel curve in the local trajectory currently to be drawn, obtain the length length of the local trajectory currently to be drawn through the SVG path, according to the preset motion speed speed and the current local trajectory to be drawn.
- the length length calculates the motion time T, and sets the SVG stroke-dasharray property to set the length of the dotted solid line and the interval width to be the length length of the local track.
- step 1214 the SVG stroke-dashoffset attribute is changed by the animation configuration of the JavaScript script to draw the local track currently drawn in the track animation container.
- Step 1216 Calculate the length length of the local trajectory to be drawn according to the parameter set of each multi-order Saibel curve in the local trajectory currently to be drawn, according to the preset motion speed and the current requirement.
- the length of the drawn local trajectory length calculates the motion time T.
- Step 1218 trigger the animation of the moving target through the requestAnimationFrame API, determine the coordinate of the moving target with time according to the motion time T, and change the position and posture of the moving target through the matrix attribute in the CSS3transform according to the determined coordinates.
- the local trajectory is drawn by the browser kernel using the SVG path, and the local trajectory can be efficiently drawn.
- the SVG path node fails to be generated, the local trajectory path may not be generated, and the terminal that does not support the SVG path or the terminal that does not support the SVG path may be compatible, thereby improving compatibility.
- Subsequent control of the motion of the moving target along the local trajectory can not only express the connection between the pictures, but also reflect the shape of the local trajectory through the motion trajectory of the moving target when the local trajectory cannot be drawn through the SVG path.
- an electronic device 1300 including a picture acquiring module 1301 , a display order determining module 1302 , a partial track determining module 1303 , a track drawing module 1304 , and a picture displaying module 1305 .
- the picture obtaining module 1301 is configured to acquire more than one picture.
- the order in which the images are displayed refers to the order in which the acquired images appear during the presentation.
- the image obtaining module 1301 may be configured to sort the acquired images according to the image attributes such as the name of the image or the image size, and determine the order in which the acquired images are displayed according to the sorting result.
- the display order determining module 1302 is configured to determine a display order of the acquired pictures.
- the order in which the images are displayed refers to the order in which the acquired images appear during the presentation.
- the presentation order determining module 1302 may sort the acquired pictures according to the picture attributes such as the name of the picture or the picture size, and then determine the order in which the acquired pictures are displayed according to the sorting result.
- the local trajectory determining module 1303 is configured to determine, according to the display order, that the acquired images correspond to local trajectories in the complete trajectory.
- the complete trajectory may be a continuous state of the line in the overall shape, of course, the complete trajectory may visually appear as a solid line, a dotted line or a dotted line, but if the mathematical functions of the complete trajectories of these different forms are continuous It can be considered as a continuous complete trajectory.
- the complete trajectory may be preset, or may be selected from a plurality of candidate complete trajectories according to user operations, or may be generated in real time.
- the complete trajectory can be closed, such as a circular, elliptical or irregularly closed pattern; the complete trajectory can be open, such as a curved segment or a broken line segment. In order to present a change in the complete trajectory, the complete trajectory may not be in a straight line.
- the number of local trajectories in the complete trajectory may be fixed. Specifically, a fixed number of local trajectories may be pre-divided in the complete trajectory, and the local trajectory determining module 1303 may select an adjacent partial trajectory equal to the number of pictures from all the local trajectories, and select the picture and the selected one according to the display order.
- the local trajectories correspond one-to-one.
- the repeated local tracks can be cycled.
- Local trajectory can be passed through the screen with the electronic device The rectangle whose display area size matches is taken out from the complete track.
- the local trajectory adjacent means that the local trajectories are adjacent in position, and the adjacent partial trajectories are connected by the transition trajectory.
- the two adjacent partial trajectories mean that the two partial trajectories are connected by a transition trajectory, and the plurality of partial trajectories are adjacent to each other, and the partial trajectories are sequentially connected by a transition trajectory between each two partial trajectories.
- the local trajectory determining module 1303 may also divide the local trajectories of the same number of pictures from the complete trajectory in real time and correspond one-to-one with the acquired pictures.
- the local trajectory in the complete trajectory is located at a fixed location in the complete trajectory.
- the local trajectories in the complete trajectory may have a specified sequence, and the local trajectory determining module 1303 may be configured to select an adjacent partial trajectory equal to the number of pictures from all the local trajectories, according to the sequence Sequential selection, such as regardless of the number of pictures, is selected from a local trajectory marked as the first place.
- the trajectory drawing module 1304 is configured to alternately draw corresponding local trajectories according to the display order, and continuously draw according to corresponding transition trajectories in the complete trajectory when transitioning between adjacent local trajectories in the display order.
- the trajectory drawing module 1304 sequentially draws the local trajectory corresponding to the display order according to the display order of the pictures, and draws the local trajectory from the starting point of the local trajectory to the ending point.
- the trajectory drawing module 1304 may specifically draw a local trajectory according to a fixed drawing speed or a fixed drawing time.
- the drawing speed here refers to the length of drawing a local trajectory per unit time
- the drawing time here is the time taken to draw a partial trajectory.
- the drawing speed and the drawing time can be taken within a range of values that make the drawing process of the local trajectory visible to the human eye.
- the trajectory rendering module 1304 can draw local trajectories using HTML-based SVG (Scalable Vector Graphics). Specifically, the trajectory drawing module 1304 can obtain the length of the local trajectory through the SVG path, and set the local trajectory to the dotted line of the length of the dotted solid line and the length of the local trajectory by the SVG stroke-dasharray attribute. By using the SVG stroke-dashoffset attribute to control the offset length at the beginning of the dashed line from the length of the local trajectory to 0, the gradual drawing from the starting point to the ending point of the local trajectory can be realized.
- SVG stroke-dashoffset attribute to control the offset length at the beginning of the dashed line from the length of the local trajectory to 0, the gradual drawing from the starting point to the ending point of the local trajectory can be realized.
- the transition trajectory in the complete trajectory corresponding to the adjacent partial trajectory may transition from the ending point of the current partial trajectory to the starting point of the next partial trajectory.
- the drawing speed of the transition trajectory can be greater than the drawing speed of the local trajectory, so that the drawing process of the local trajectory can be highlighted, and the smoothness and speed of the transition between the local trajectories can be ensured.
- the picture display module 1305 is configured to display a corresponding picture in a display area corresponding to the drawn partial track.
- the picture display module 1305 can be used to display the pictures that should be displayed in the display order in the display area corresponding to the drawn partial trajectory.
- the specific trajectory drawing module 1304 may pause for a time period after each of the partial trajectories is drawn, and the corresponding image is displayed by the picture display module 1305 in the display area corresponding to the drawn partial trajectory during the staying time period.
- the time period of staying may be a fixed value, or may be a random value within a time range.
- the time period of staying can be greater than the drawing time of the current local trajectory, so that the picture can be fully displayed, and the time period of the stay can be 2 seconds.
- the display area corresponding to the local track may be an area covering a part of the local track, or may be an area next to the partial track.
- the picture display module 1305 can also display the picture description text of the corresponding picture in the display area.
- the picture description text is text describing the picture, and may be text input by the user, picture summary information or a randomly selected general description statement.
- the electronic device 1300 determines a display order of each picture for a plurality of pictures, and determines a local trajectory corresponding to the picture according to the display order, so that the partial trajectories corresponding to the respective pictures are also arranged in the display order in the complete trajectory.
- the local trajectory corresponding to each picture is drawn in turn according to the display order, and the drawn local trajectory corresponds to the display area, and the picture corresponding to the partial trajectory is displayed in the display area, so that the picture can be displayed in turn according to the display order, without user intervention intervention. , improve the efficiency of conveying information through pictures.
- the complete trajectory is closed; the number of local trajectories in the complete trajectory is solid
- the local trajectory in the complete trajectory is located at a fixed position in the complete trajectory.
- the presentation order determining module 1302 is further configured to acquire corresponding time information and/or spatial information according to the acquired picture; sort the corresponding pictures according to the acquired time information and/or spatial information; and determine according to the image sorting result. The order in which the captured images are displayed.
- the time sequence and/or spatial information of the picture are used to determine the order in which the pictures are displayed, which may reflect the natural association between the pictures.
- the changes between the pictures may be reflected by the changes of the complete tracks.
- Time or geographic location changes to convey more information. For example, for a picture taken by a user during a trip, the change in the complete trajectory can reflect the user moving from one attraction to another, reflecting changes in time and/or geographic location.
- the trajectory rendering module 1304 is further configured to acquire a sequence of trajectory points through which the determined partial trajectories pass; acquire a sequence of control points corresponding to the sequence of trajectory points; and according to the display order, follow the trajectory corresponding to the corresponding partial trajectory
- the point sequence and the control point sequence are used to draw a multi-order Saybol curve, and the corresponding local trajectory is obtained.
- the trajectory point sequence and the finite discrete points in the sequence of control points can be utilized to draw corresponding curves by drawing a multi-order Sabel curve.
- Local trajectory, drawing efficiency is high, and since the multi-order Saybol curve itself is vector image and smooth, the visual trajectory of the drawing is good.
- the multi-order Saybol curve is a third-order Saibel curve; each of the three locus points in the sequence of track points forms a third-order Saibel curve in sequence; the drawn third-order Saibel curves are sequentially adjacent, adjacent
- the control point corresponding to the track point is symmetric about the center of the track point at the abutment.
- a third-order Saibel curve is divided into two half-segment third-order Saibel curves for drawing, and the third-order Saibel curve is sequentially adjacent, and the control points corresponding to the trajectory points at the adjacent points are related to the trajectory points of the adjacent points.
- the center is symmetrical, and the local curve of the overall smooth vector can be drawn by using discrete points, so that the trajectory changes are smooth.
- the electronic device 1300 further includes a moving target generation module 1306 and a motion control module 1307.
- the moving target generation module 1306 is configured to generate a moving target.
- the motion control module 1307 is configured to control a local trajectory motion of the moving target along the drawing.
- the picture display module 1305 is configured to display a corresponding picture in the display area corresponding to the drawn partial track after the moving target moves to the specified position or the motion reaches a specified length of time or after the end of the drawn partial trajectory motion.
- the change of the local trajectory drawn in the process of displaying the image can be dynamically reflected, and the relationship between the images can be further expressed.
- the motion control module 1307 is further configured to acquire a motion time of the moving target; the motion time is calculated according to the preset motion speed and the length of the corresponding local trajectory; and the motion target is determined to change with time according to the motion consuming time. Coordinate; change the position of the moving target according to the determined coordinates.
- the motion of the moving target is time-consuming, so that the coordinate of the moving target changes with time is determined based on the moving time, and then the position of the moving target is changed according to the determined coordinate, so that the precise control of the moving target position can be realized.
- an electronic device includes a memory and a processor, the memory storing computer readable instructions, the computer readable instructions being executed by the processor, causing the processor to perform the following steps Obtaining more than one picture; determining a display order of the acquired pictures; determining, according to the display order, that the acquired pictures correspond to local trajectories in the complete trajectory; and correspondingly drawing the corresponding partial trajectories according to the display order, and pressing The transition between adjacent partial trajectories in the display order is continuously drawn according to the corresponding transition trajectory in the complete trajectory; and the corresponding picture is displayed in the display area corresponding to the drawn partial trajectory.
- the number of local trajectories in the complete trajectory is fixed; the local trajectory in the complete trajectory is located at a fixed position in the complete trajectory.
- determining, according to the display order, that each of the acquired images corresponds to a local trajectory in the complete trajectory comprises: selecting, from a fixed number of local trajectories in the complete trajectory, an adjacent number of adjacent local trajectories And correspondingly corresponding to the selected partial trajectory according to the display order.
- the determining the display order of the acquired pictures comprises: acquiring corresponding time information and/or spatial information according to the acquired pictures; sorting the corresponding pictures according to the acquired time information and/or spatial information; The image sorting result determines the order in which the acquired images are displayed.
- the drawing the corresponding local trajectory according to the display order in turn comprises: acquiring a sequence of trajectory points through which the determined partial trajectories pass; acquiring a sequence of control points corresponding to the sequence of the trajectory points;
- the display sequence sequentially draws a multi-order Saybol curve according to a sequence of track points corresponding to the corresponding local track and a sequence of control points, and obtains a corresponding partial track.
- the multi-order Saybol curve is a third-order Saibel curve; each of the three track points in the sequence of track points forms a third-order Saibel curve in sequence; the drawn third-order Saibel curve is sequentially adjacent
- the control point corresponding to the track point at the adjacent point is symmetric about the center of the track point at the adjacent point.
- the processor when the computer readable instructions are executed by the processor, the processor further causes the processor to perform the steps of: generating a moving target; controlling the moving target along the drawn local trajectory; and when After the moving target moves to the specified position or the motion reaches a specified length of time or after the end of the drawn partial trajectory motion, the corresponding image is displayed in the display area corresponding to the drawn partial trajectory.
- the controlling the local trajectory movement of the moving object along the drawing comprises: acquiring a motion time of the moving target; and calculating the motion time according to the preset motion speed and the length of the corresponding local trajectory. Determining a coordinate of the moving target with time according to the movement time; and changing a position of the moving target according to the determined coordinate.
- the electronic device determines a display order of each picture for a plurality of pictures, and determines a local track corresponding to the picture according to the display order, so that the partial tracks corresponding to the respective pictures are also arranged in the display order in the complete track.
- the local trajectory corresponding to each picture is drawn in turn according to the display order, and the drawn local trajectory corresponds to the display area, and the picture corresponding to the partial trajectory is displayed in the display area, so that the picture can be displayed in turn according to the display order, without user intervention intervention. , mention The efficiency of conveying information through pictures is high.
- one or more computer readable non-volatile storage media storing computer readable instructions, when executed by one or more processors, causing the one or more The processor performs the following steps: acquiring more than one picture; determining a display order of the acquired pictures; determining, according to the display order, that the acquired pictures correspond to local trajectories in the complete trajectory; and correspondingly drawing corresponding parts according to the display order a trajectory, and continuously drawing according to a corresponding transition trajectory in the complete trajectory when transitioning between adjacent partial trajectories in the display order; and displaying the corresponding image in a display area corresponding to the drawn partial trajectory .
- the determining the display order of the acquired pictures comprises: acquiring corresponding time information and/or spatial information according to the acquired pictures; sorting the corresponding pictures according to the acquired time information and/or spatial information; The image sorting result determines the order in which the acquired images are displayed.
- the drawing the corresponding local trajectory according to the display order in turn comprises: acquiring a sequence of trajectory points through which the determined partial trajectories pass; acquiring a sequence of control points corresponding to the sequence of the trajectory points;
- the display sequence sequentially draws a multi-order Saybol curve according to a sequence of track points corresponding to the corresponding local track and a sequence of control points, and obtains a corresponding partial track.
- the one or more processors when the computer readable instructions are executed by one or more processors, the one or more processors further cause the step of: generating a moving target; controlling a local trajectory of the moving target along the drawing And performing the displaying of the corresponding image in the display area corresponding to the drawn partial trajectory after the moving target moves to the specified position or the motion reaches a specified length of time or after the end of the drawn partial trajectory motion.
- the controlling the local trajectory movement of the moving object along the drawing comprises: acquiring a motion time of the moving target; and calculating the motion time according to the preset motion speed and the length of the corresponding local trajectory. Determining a coordinate of the moving target with time according to the movement time; and changing a position of the moving target according to the determined coordinate.
- the computer readable storage medium determines a display order of each picture for a plurality of pictures, and determines a local trajectory corresponding to the picture according to the display order, so that the local trajectories corresponding to the respective pictures are also arranged in the display order in the complete trajectory.
- the local trajectory corresponding to each picture is drawn in turn according to the display order, and the drawn local trajectory corresponds to the display area, and the picture corresponding to the partial trajectory is displayed in the display area, so that the picture can be displayed in turn according to the display order, without user intervention intervention. , improve the efficiency of conveying information through pictures.
- the storage medium may be a non-volatile storage medium such as a magnetic disk, an optical disk, a read-only memory (ROM), or a random access memory (RAM).
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Multimedia (AREA)
- Human Computer Interaction (AREA)
- Remote Sensing (AREA)
- Mathematical Physics (AREA)
- Computational Linguistics (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
一种图片动态展示方法,该方法包括:获取多于一个的图片(202);确定获取的图片的展示顺序(204);根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹(206);根据所述展示顺序轮流绘制相应的局部轨迹,且在按所述展示顺序相邻的局部轨迹之间过渡时按照在所述完整轨迹中相应的过渡轨迹进行连续绘制;及在绘制的局部轨迹对应的展示区域内展示相应的所述图片(208)。
Description
本申请要求于2016年5月24日提交中国专利局,申请号为201610349904.4,发明名称为“图片动态展示方法和装置”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
本申请涉及信息处理技术领域,特别是涉及一种图片动态展示方法、电子设备和存储介质。
图片是一种可承载视觉信息的数据,通过展示图片可以将视觉信息还原。图片作为一种常用的信息承载体,可以记录现实世界中发生的事件,也可以表达图片作者的情感等,将图片展示出来可以再现历史事件的内容,或者可以传达图片作者情感等。
目前展示图片主要是根据用户操作来进行展示,比如展示一系列图片的缩略图,检测到用户点击的缩略图后,展示被点击的缩略图对应的图片。然而,目前根据用户操作来展示图片的方式,依赖于用户操作,操作繁琐,使得通过图片传达信息的效率低。
发明内容
根据本申请的各种实施例,提供一种图片动态展示方法、电子设备和存储介质。
一种图片动态展示方法,包括:
获取多于一个的图片;
确定获取的图片的展示顺序;
根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹;
根据所述展示顺序轮流绘制相应的局部轨迹,且在按所述展示顺序相邻的局部轨迹之间过渡时按照在所述完整轨迹中相应的过渡轨迹进行连续绘制;及
在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
一种电子设备,包括存储器和处理器,所述存储器中储存有计算机可读指令,所述计算机可读指令被所述处理器执行时,使得所述处理器执行以下步骤:
获取多于一个的图片;
确定获取的图片的展示顺序;
根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹;
根据所述展示顺序轮流绘制相应的局部轨迹,且在按所述展示顺序相邻的局部轨迹之间过渡时按照在所述完整轨迹中相应的过渡轨迹进行连续绘制;及
在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
一个或多个存储有计算机可读指令的计算机可读非易失性存储介质,所述计算机可读指令被一个或多个处理器执行时,使得所述一个或多个处理器执行以下步骤:
获取多于一个的图片;
确定获取的图片的展示顺序;
根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹;
根据所述展示顺序轮流绘制相应的局部轨迹,且在按所述展示顺序相邻的局部轨迹之间过渡时按照在所述完整轨迹中相应的过渡轨迹进行连续绘制;及
在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
本申请的一个或多个实施例的细节在下面的附图和描述中提出。本申请的其它特征、目的和优点将从说明书、附图以及权利要求书变得明显。
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1为一个实施例中电子设备的内部结构示意图;
图2为一个实施例中图片动态展示方法的流程示意图;
图3为一个实施例中完整轨迹的示意图;
图4为一个实施例中绘制各条局部轨迹时的屏幕显示区域的示意图;
图5为一个实施例中在相邻局部轨迹之间过渡时屏幕显示区域的变化示意图;
图6为另一个实施例中在相邻局部轨迹之间过渡时屏幕显示区域的变化示意图;
图7为一个实施例中根据展示顺序轮流绘制相应的局部轨迹,在绘制的局部轨迹对应的展示区域内展示相应的图片时屏幕显示区域的变化示意图;
图8为一个实施例中确定获取的图片的展示顺序的步骤的流程示意图;
图9为一个实施例中根据展示顺序轮流绘制相应的局部轨迹的步骤的流程示意图;
图10为一个实施例中通过运动目标的运动表示局部轨迹的变化的步骤的流程示意图;
图11为一个实施例中控制运动目标沿绘制的局部轨迹运动的步骤的流程示意图;
图12为一个实施例中局部轨迹的绘制以及运动目标的运动控制的步骤的流程示意图;
图13为一个实施例中电子设备的结构框图;
图14为另一个实施例中电子设备的结构框图。
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
如图1所示,在一个实施例中,提供了一种电子设备,包括通过***总线连接的处理器、非易失性存储介质、内存储器、网络接口、显示屏和输入装置。其中,电子设备的非易失性存储介质存储有操作***,还可存储有计算机可读指令,该计算机可读指令被处理器执行时,可使得处理器实现一种图片动态展示方法。该处理器用于提供计算和控制能力,支撑整个电子设备的运行。电子设备中的内存储器中可储存有计算机可读指令,该计算机可读指令被处理器执行时,可使得处理器执行一种图片动态展示方法。网络接口用于连接到网络进行通信,比如从服务器获取用于计算轨迹、绘制轨迹以及展示图片的脚本等。电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏等,输入装置可以是显示屏上覆盖的触摸层,也可以是电子设备外壳上设置的按键、轨迹球或触控板,也可以是外接的键盘、触控板或鼠标等。该电子设备可以是手机、平板电脑或者个人数字助理或穿戴式设备等。本领域技术人员可以理解,图1中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的电子设备的限定,具体的电子设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
如图2所示,在一个实施例中,提供了一种图片动态展示方法,本实施例以该方法应用于上述图1所示的电子设备来举例说明。电子设备上可运行有可展示图片的应用程序,通过该应用程序实现该图片动态展示方法。应用程序可以是社交网络应用或者即时通信应用等。该方法具体包括如下步骤:
步骤202,获取多于一个的图片。
其中,图片可以是人物照片、景观照片、人工合成图片或者计算机合成
图片等。电子设备可获取两个或多于两个的图片,获取的图片可以是具有相同特征的图片,比如同一次出行过程中拍摄的照片,同一地点拍摄的照片,相同色系的图片,还比如包含相同人物或者相同物品的图片等。
电子设备可访问用于展示图片的网页,从而在网页中触发获取多于一个的图片。网页可通过扫描二维码得到的网页地址访问。电子设备可提供图片选择控件,检测到对图片选择控件的触发操作后,进入目录选择界面,检测在目录选择界面中触发的图片选择指令,根据图片选择指令选择多于一个的图片。电子设备也可以分多次获取总计多于一个的图片,每次可获取一个或多个图片。
步骤204,确定获取的图片的展示顺序。
其中,图片的展示顺序是指获取的图片在展示时出现的先后顺序。在一个实施例中,电子设备可根据图片的名称或者图片大小等图片属性对获取的图片进行排序,进而根据排序结果确定获取的各个图片的展示顺序。
步骤206,根据展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹。
其中,完整轨迹可以是整体形态上呈连续状态的线条,当然完整轨迹在视觉上可以呈现为实线、点线或者点划线等形态,但如果这些不同形态的完整轨迹的数学函数是连续的,就可以认为是连续的完整轨迹。完整轨迹可以是预先设定的,也可以是根据用户操作从多个备选的完整轨迹中选中的,也可以是实时生成的。完整轨迹可以是封闭的,比如可以是圆形、椭圆形或者不规则封闭图形;完整轨迹可以是开放的,比如一段曲线段或者折线段。为了呈现完整轨迹的变化,完整轨迹可以不处于一条直线上。
在一个实施例中,完整轨迹中局部轨迹的数量可以是固定的。具体地,完整轨迹中可预先划分出固定数量的局部轨迹,电子设备可从所有的局部轨迹中选择与图片数量相等数量的相邻的局部轨迹,并按照展示顺序将图片与选择的局部轨迹一一对应。当图片数量超出局部轨迹的固定数量时,可以循环选取重复的局部轨迹。局部轨迹可以通过与电子设备的屏幕显示区域尺寸
匹配的矩形从完整轨迹中截取出。其中,局部轨迹相邻是指局部轨迹在位置上相邻,相邻的局部轨迹通过过渡轨迹连接。具体两条局部轨迹相邻是指这两条局部轨迹之间通过一个过渡轨迹连接,多条局部轨迹相邻则是这些局部轨迹按顺序每两条局部轨迹之间通过一个过渡轨迹连接。在其它实施例中,电子设备也可以实时从完整轨迹中划分出与图片数量相等数量的局部轨迹,并与获取的图片一一对应。
在一个实施例中,完整轨迹中的局部轨迹位于完整轨迹中的固定位置处。在一个实施例中,完整轨迹中的局部轨迹可以具有指定的先后顺序,电子设备从所有的局部轨迹中选择与图片数量相等数量的相邻的局部轨迹时,可按照该先后顺序选择,比如无论图片数量多少,都从某标记为第一位的局部轨迹起选择。
举例说明,参照图3所示的完整轨迹300,该完整轨迹300是封闭图形,由若干三阶贝塞尔曲线围成。该完整轨迹300上固定位置的点D1至D16表示各局部轨迹的端点,也是过渡轨迹的端点。D12、D34、D56、D78、D910、D1112、D1314以及D1516是完整轨迹300中固定位置的8条局部轨迹,D23、D45、D67、D89、D1011、D1213、D1415以及D161是完整轨迹300中固定位置的8个过渡轨迹。局部轨迹D12通过过渡轨迹D23与局部轨迹D34连接。可以设定局部轨迹的先后顺序依次为D12、D34、D56、D78、D910、D1112、D1314以及D1516,则选择局部轨迹与图片对应时从局部轨迹D12起按照先后顺序遍历选取。当图片数量大于8时,按照先后顺序遍历完后还可以继续从局部轨迹D12起循环遍历,直至为所有图片找到对应的局部轨迹。
在一个实施例中,根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹包括:从完整轨迹中固定数量的局部轨迹中选择与图片数量相等数量的相邻的局部轨迹,并按照所述展示顺序将图片与选择的局部轨迹一一对应。
在一个实施例中,所述完整轨迹中的局部轨迹位于完整轨迹中的固定位置处;所述从完整轨迹中固定数量的局部轨迹中选择与图片数量相等数量的
相邻的局部轨迹包括:从完整轨迹中固定数量的局部轨迹中,按照指定的先后顺序选择与图片数量相等数量的相邻的局部轨迹。
步骤208,根据展示顺序轮流绘制相应的局部轨迹,且在按展示顺序相邻的局部轨迹之间过渡时按照在完整轨迹中相应的过渡轨迹进行连续绘制;在绘制的局部轨迹对应的展示区域内展示相应的图片。
具体地,电子设备按照图片的展示顺序,轮流绘制与展示顺序相应的局部轨迹,绘制局部轨迹时从局部轨迹的起始点开始绘制到结束点。其中,电子设备具体可按照固定的绘制速度或者固定的绘制时间绘制局部轨迹。这里绘制速度是指单位时间内绘制局部轨迹的长度,这里绘制时间则是绘制一条局部轨迹所消耗的时间。绘制速度和绘制时间可在使得局部轨迹的绘制过程对于人眼可见的取值范围内取值。
在一个实施例中,电子设备可采用基于HTML的SVG(Scalable Vector Graphics,可缩放矢量图形)绘制局部轨迹。具体地,电子设备可通过SVG路径(path)获取局部轨迹的长度,通过SVG stroke-dasharray(虚线样式)属性设置局部轨迹为虚线实线长度和间隔宽度均为局部轨迹的长度的虚线,通过SVG stroke-dashoffset(虚线起始偏移)属性控制虚线开始时的偏移长度从局部轨迹的长度逐渐变化为0,便可以实现从局部轨迹的起始点到结束点的渐变绘制。
电子设备在每绘制出一条局部轨迹后,在绘制的局部轨迹对应的展示区域内展示按照展示顺序应当展示的图片。电子设备具体可在每绘制出一条局部轨迹后,停留一时间段,在停留的时间段内在绘制的局部轨迹对应的展示区域内展示相应的图片。停留的时间段可以是固定值,也可以是在时间段范围内随机取值。停留的时间段可以大于当前局部轨迹的绘制时间,这样可以保证图片得到充分展示,停留的时间段可以取2秒。局部轨迹对应的展示区域可以是覆盖一部分局部轨迹的区域,也可以是局部轨迹旁边的区域。
在一个实施例中,电子设备还可以在展示区域中展示相应图片的图片描述文本。其中图片描述文本是描述图片的文本,可以是用户输入的文字、图
片摘要信息或者随机选取的通用描述语句等。
电子设备在相邻的局部轨迹之间切换时,电子设备从当前局部轨迹的结束点开始,按照相邻的局部轨迹对应的完整轨迹中的过渡轨迹过渡到下一局部轨迹的起始点。过渡轨迹的绘制速度可以大于局部轨迹的绘制速度,从而可以突出局部轨迹的绘制过程,并保证局部轨迹之间过渡的流畅和速度。
举例说明。如图4所示,401至408依次是绘制各条局部轨迹时电子设备的屏幕显示区域,电子设备的屏幕显示区域按照从401到408的顺序平滑过渡。比如在从屏幕显示区域401过渡到屏幕显示区域402时,参照图5,从屏幕显示区域401依次经过虚线表示的位置逐渐过渡到屏幕显示区域402;再参照图6,图6示出了从屏幕显示区域401过渡到屏幕显示区域402过程中电子设备显示的过渡轨迹的变化。电子设备的屏幕显示区域从401变化到408的过程中,在屏幕显示区域中覆盖部分局部轨迹的展示区域内展示的图片如图7所示。
上述图片动态展示方法,对于多个图片,确定各图片的展示顺序,并根据展示顺序确定图片对应的局部轨迹,这样各个图片对应的局部轨迹在完整轨迹中也是按照该展示顺序排列的。根据展示顺序轮流地绘制各个图片对应的局部轨迹,绘制的局部轨迹对应有展示区域,在该展示区域内展示该局部轨迹对应的图片,这样可以按照展示顺序轮流展示图片,不需要用户操作的干预,提高了通过图片传达信息的效率。而且在按展示顺序相邻的局部轨迹之间过渡时,按照在完整轨迹中相应的过渡轨迹进行连续绘制,这样随着图片的展示,可以呈现出整个完整轨迹,通过完整轨迹的变换能够以可视形式表达图片之间的联系,进一步提高了通过图片传达信息的效率。
如图8所示,在一个实施例中,步骤204具体包括以下步骤:
步骤802,根据获取的图片获取相应的时间信息和/或空间信息。
其中,时间信息可以是图片的修改时间或者拍摄时间,空间信息可以是拍摄图片时的地理坐标、或者识别出的图片中景观的地理位置或者海拔高度。时间信息和空间信息可以从图片的摘要属性中提取,也可以从数据库中查询
与图片的标识对应存储的时间信息和/或空间信息得到。
步骤804,按照获取的时间信息和/或空间信息对相应的图片排序。
具体地,电子设备可在时间维度,按照时间信息的先后顺序对相应图片进行排序。图片的拍摄时间可以反映相应图片中的内容产生的先后顺序,比如可以反映用户旅游过程中拍摄照片的先后,排序后可以反映出用户旅游的先后顺序,还可以与图片描述文本集合,对图片进行动态展示。
电子设备还可以在空间维度,按照图片的空间信息将图片进行归类,将相同空间区域的图片连续排序。空间信息可以从图片摘要信息中提取,也可以通过对图片的自动识别得到。不同空间区域的图片可以按照特定的方向进行排序,比如从北到南或者从南到北。不同空间区域的图片还可以结合时间信息进行排序。
步骤806,根据图片排序结果确定获取的图片的展示顺序。
具体地,电子设备可以直接将图片排序顺序确定为图片的展示顺序,也可以根据用户操作对图片排序结果进行调整,从而得到图片的展示顺序。
本实施例中,通过图片的时间信息和/空间信息确定图片的展示顺序,可以反映出图片之间的自然关联,图片按照该展示顺序展示后,可通过完整轨迹的变化反映出图片之间的时间或地理位置变化,传达更多信息量。比如对于用户在出行过程中拍摄的图片,通过完整轨迹的变化可以反映出用户从一个景点移动到另一个景点,反映出时间和/或地理位置的变化。
如图9所示,在一个实施例中,根据展示顺序轮流绘制相应的局部轨迹的步骤具体包括如下步骤:
步骤902,获取确定的各条局部轨迹所经过的轨迹点序列。
其中,轨迹点是构成局部轨迹的离散点。轨迹点可用相对于电子设备的屏幕显示区域中坐标原点的横纵坐标来表示。当采用多阶赛贝尔曲线绘制局部轨迹时,轨迹点是多阶赛贝尔曲线经过的点。多阶赛贝尔曲线是指多于一阶的赛贝尔曲线,比如三阶、四阶或者五阶赛贝尔曲线。多阶也可以称为多次。赛贝尔曲线(Bézier curve)又称贝兹曲线或贝济埃曲线,是应用于二维
图形应用程序的数学曲线。
轨迹点按照绘制相应局部轨迹的顺序排列形成轨迹点序列。电子设备具体在绘制局部轨迹之前读取或者计算出展示图片时需绘制的相应的局部轨迹所经过的轨迹点序列。轨迹点序列中轨迹点的数量可以是固定的,可根据当前的屏幕显示区域尺寸动态计算出。
步骤904,获取与轨迹点序列对应的控制点序列。
其中,控制点是控制多阶赛贝尔曲线形状的点,利用轨迹点序列中作为多阶赛贝尔曲线端点的轨迹点与相应控制点结合可以绘制出特定形状的多阶赛贝尔曲线。将控制点按照组成局部轨迹的多阶赛贝尔曲线在相应局部轨迹中的位置顺序排列形成控制点序列。
步骤906,根据展示顺序,轮流按照相应局部轨迹对应的轨迹点序列和控制点序列绘制多阶赛贝尔曲线,得到相应的局部轨迹。
具体地,电子设备根据展示顺序轮流绘制局部轨迹,并在绘制每条局部轨迹时,按照该条局部轨迹对应的轨迹点序列和控制点序列绘制多阶赛贝尔曲线组成该条局部轨迹。轨迹点序列可以包括多阶赛贝尔曲线的端点,端点包括相应多阶赛贝尔曲线的起始点和结束点。电子设备在按照该条局部轨迹对应的轨迹点序列和控制点序列绘制多阶赛贝尔曲线组成该条局部轨迹,具体可以遍历轨迹点序列,确定需绘制的局部轨迹中各条多阶赛贝尔曲线的参数组,参数组包括端点和控制点,从而按照参数组绘制相应的多阶赛贝尔曲线以得到相应的局部轨迹。
本实施例中,在确定好各条局部轨迹对应的轨迹点序列和控制点序列之后,便可以利用轨迹点序列和控制点序列中有限的离散点,通过绘制多阶赛贝尔曲线绘制出相应的局部轨迹,绘制效率高,且由于多阶赛贝尔曲线本身是矢量图且平滑,绘制出的局部轨迹视觉效果好。
在一个实施例中,多阶赛贝尔曲线为三阶赛贝尔曲线;轨迹点序列中按顺序每三个轨迹点组成一个三阶赛贝尔曲线;绘制的三阶赛贝尔曲线顺序邻接,邻接处的轨迹点对应的控制点关于该邻接处的轨迹点中心对称。
具体地,电子设备在遍历轨迹点序列确定各条多阶赛贝尔曲线的参数组时,可将每条多阶赛贝尔曲线切分为两条半段多阶赛贝尔曲线,每半段多阶赛贝尔曲线具有相应的参数组,每个参数组包括该半段多阶赛贝尔曲线的端点、切分点和控制点,每个端点、切分点和控制点可以用相应的横纵坐标来表示。轨迹点序列可由每半段多阶赛贝尔曲线的端点和切分点按照绘制顺序排列形成。三阶赛贝尔曲线顺序邻接是指一个三阶赛贝尔曲线的结束点与另一个三阶赛贝尔曲线的起始点为相同点,以此类推。
举例说明,假设按照屏幕显示区域尺寸和轨迹点的固定数量确定轨迹点序列为A(Ax,Ay)、B(Bx,By)、C(Cx,Cy)、D(Dx,Dy)......,其中轨迹点A和C是一条三阶赛贝尔曲线的端点,具体分别是起始点和结束点,轨迹点B是该三阶赛贝尔曲线的切分点。假设控制点序列为a(ax,ay)、b(bx,by)、c(cx,cy)......,其中控制点a和b分别是轨迹点A和C对应三阶赛贝尔曲线的两个控制点。则电子设备可划分出参数组为(Ax,Ay,ax,ay,Bx,By)、(Bx,By,bx,by,Cx,Cy)、(Cx,Cy,cx,cy,Dx,Dy)......,且控制点b(bx,by)和控制点c(cx,cy)关于轨迹点C(Cx,Cy)中心对称。
本实施例中,一条三阶赛贝尔曲线被划分为两条半段三阶赛贝尔曲线进行绘制,三阶赛贝尔曲线顺序邻接,邻接处的轨迹点对应的控制点关于该邻接处的轨迹点中心对称,可以利用离散点绘制出整体上平滑的矢量的局部曲线,使得轨迹变化平滑。
如图10所示,在一个实施例中,该图片动态展示方法还包括通过运动目标的运动表示局部轨迹的变化的步骤,具体包括如下步骤:
步骤1002,生成运动目标。
其中,运动目标是可显示在屏幕显示区域中且可移动的虚拟目标,比如可以是交通工具虚拟形象或者人物形象或者卡通形象等,交通工具比如飞机、火车、汽车或者自行车等。通过调整运动目标的位置随时间变化可以使得运动目标运动。
步骤1004,控制运动目标沿绘制的局部轨迹运动。
具体地,电子设备可在绘制局部轨迹同时时或绘制出局部轨迹后,控制运动目标按照绘制的局部轨迹运动。运动目标的运动速度可以高于、等于或者低于局部轨迹的运动速度。在一个实施例中,运动目标可以具有表示运动朝向的部位,比如飞机头部,电子设备可通过调整运动目标的姿态使得运动目标所表示的运动朝向与运动目标的实际运动方向一致。电子设备可选择若干局部轨迹运动触发运动目标的运动,而剩余的局部轨迹可仅进行局部轨迹的绘制而不触发运动目标的运动。
步骤1006,当运动目标运动到指定位置或者运动达到指定时长或者沿绘制的局部轨迹运动结束后,执行在绘制的局部轨迹对应的展示区域内展示相应的图片。
其中,指定位置可以是预先存储的局部轨迹上的位置,也可以是按照预设比例和局部轨迹的长度计算出的,该预设比例表示运动目标从局部轨迹的起始点到达指定位置时所经过的运动轨迹的长度占局部轨迹的长度的比例。指定时长是运动目标从局部轨迹的起始点开始运动的时间至到达指定位置时所经过的时间长度。运动结束是指运动目标到达当前绘制的局部轨迹的结束点。
本实施例中,通过运动目标沿绘制的局部轨迹运动,可以动态地反映出展示图片的过程中绘制的局部轨迹的变化,可更进一步地表达出图片之间的联系。
如图11所示,在一个实施例中,步骤1004具体包括如下步骤:
步骤1102,获取运动目标的运动耗时;运动耗时根据预设运动速度和相应的局部轨迹的长度计算获得。
其中,运动耗时是运动目标从局部轨迹的起始点沿绘制的局部轨迹运动到结束点所需的时间长度。电子设备具体可实时或者预先将局部轨迹的长度除以预设运动速度得到运动目标的运动耗时。局部轨迹的长度可通过高斯勒让德积分算法计算出,具体电子设备可分12个节点并结合相应的三阶赛贝尔
曲线计算出相应的局部轨迹的长度。
步骤1104,根据运动耗时确定运动目标随时间变化的坐标。
具体地,电子设备在获知经过局部轨迹的长度所需总的运动耗时后,便可以从0到该运动耗时的范围内取若干时间点,并计算出每个时间点处运动目标的坐标,从而得到运动目标随时间变化的一系列坐标。运动目标随时间变化的坐标可利用JavaScript脚本动态计算出。
更具体地,电子设备可获取到从局部轨迹的起始点开始随时间t1变化的运动长度为t1/T*length,其中T为运动耗时,length为局部轨迹的长度;电子设备可利用高斯勒让德积分算法以及离散的时间点t1处的运动长度,求取该时间点t1处的坐标。具体在求取坐标时,可通过二分法逐步分割相应赛贝尔曲线,直至分割后确定大致等于运动长度为t1/T*length的曲线长度,从而确定此时赛贝尔曲线的t参数,进而根据该t参数计算出相应坐标。其中t参数取值为[0,1],表示相应赛贝尔曲线绘制时的时间变化。
步骤1106,根据确定的坐标改变运动目标的位置。
具体地,电子设备可按照随时间变化的坐标,设置相应时间点运动目标的位置为相应坐标。其中运动目标的运动可通过requestAnimationFrame API(逐帧动画应用程序编程接口)进行控制。运动目标的位置可通过CSS3transform(CSS3是层叠样式表,transform是CSS3的旋转属性)中的matrix(矩阵)属性来改变运动目标的位置和姿态,姿态可以用来调整运动目标的运动朝向。
本实施例中,获取到运动目标的运动耗时,从而基于运动耗时确定运动目标随时间变化的坐标,进而根据确定的坐标改变运动目标的位置,可实现对运动目标位置的精确控制。
如图12所示,在一个实施例中,上述图片动态展示方法中局部轨迹的绘制以及运动目标的运动控制具体通过以下步骤实现:
步骤1202,获取当前需绘制的局部轨迹所经过的轨迹点序列。
步骤1204,获取与轨迹点序列对应的控制点序列。
步骤1206,生成轨迹动画容器和运动目标。
步骤1208,遍历当前需绘制的局部轨迹所经过的轨迹点序列,确定当前需绘制的局部轨迹中各条多阶赛贝尔曲线的参数组。
步骤1210,生成用于绘制局部轨迹的SVG路径节点。若生成成功则调用浏览器内核提供的SVG功能执行步骤1212;若生成失败则通过应用程序自定义算法执行步骤1216。其中浏览器内核可集成在应用程序中。本实施例中应用程序可以不是浏览器。
步骤1212,根据当前需绘制的局部轨迹中各条多阶赛贝尔曲线的参数组,通过SVG路径获取当前需绘制的局部轨迹的长度length,根据预设运动速度speed和当前需绘制的局部轨迹的长度length计算运动耗时T,设置SVG stroke-dasharray属性设置虚线实线长度和间隔宽度均为局部轨迹的长度length。
步骤1214,通过JavaScript脚本的动画配置更改SVG stroke-dashoffset属性,以实现在轨迹动画容器中绘制当前需绘制的局部轨迹。
步骤1216,根据当前需绘制的局部轨迹中各条多阶赛贝尔曲线的参数组,利用高斯勒让德积分算法计算出当前需绘制的局部轨迹的长度length,根据预设运动速度speed和当前需绘制的局部轨迹的长度length计算运动耗时T。
步骤1218,通过requestAnimationFrame API触发运动目标的动画,根据运动耗时T确定运动目标随时间变化的坐标,并根据确定的坐标,通过CSS3transform中的matrix属性改变运动目标的位置和姿态。
本实施例中,在可成功生成SVG路径节点时,通过浏览器内核利用SVG路径来完成局部轨迹的绘制,可高效地实现局部轨迹的绘制。当生成SVG路径节点失败时,则可以不生成局部轨迹路径,可以兼容不支持SVG路径的终端或者对SVG路径支持不够理想的终端,提高了兼容性。后续再控制运动目标沿局部轨迹的运动,不仅可以表达出图片之间的联系,也可以在无法通过SVG路径绘制局部轨迹时也能够通过运动目标的运动轨迹反映出局部轨迹的形状。
如图13所示,在一个实施例中,提供了一种电子设备1300,包括图片获取模块1301、展示顺序确定模块1302、局部轨迹确定模块1303、轨迹绘制模块1304和图片展示模块1305。
图片获取模块1301,用于获取多于一个的图片。
其中,图片的展示顺序是指获取的图片在展示时出现的先后顺序。在一个实施例中,图片获取模块1301可用于根据图片的名称或者图片大小等图片属性对获取的图片进行排序,进而根据排序结果确定获取的各个图片的展示顺序。
展示顺序确定模块1302,用于确定获取的图片的展示顺序。
其中,图片的展示顺序是指获取的图片在展示时出现的先后顺序。在一个实施例中,展示顺序确定模块1302可根据图片的名称或者图片大小等图片属性对获取的图片进行排序,进而根据排序结果确定获取的各个图片的展示顺序。
局部轨迹确定模块1303,用于根据展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹。
其中,完整轨迹可以是整体形态上呈连续状态的线条,当然完整轨迹在视觉上可以呈现为实线、点线或者点划线等形态,但如果这些不同形态的完整轨迹的数学函数是连续的,就可以认为是连续的完整轨迹。完整轨迹可以是预先设定的,也可以是根据用户操作从多个备选的完整轨迹中选中的,也可以是实时生成的。完整轨迹可以是封闭的,比如可以是圆形、椭圆形或者不规则封闭图形;完整轨迹可以是开放的,比如一段曲线段或者折线段。为了呈现完整轨迹的变化,完整轨迹可以不处于一条直线上。
在一个实施例中,完整轨迹中局部轨迹的数量可以是固定的。具体地,完整轨迹中可预先划分出固定数量的局部轨迹,局部轨迹确定模块1303可从所有的局部轨迹中选择与图片数量相等数量的相邻的局部轨迹,并按照展示顺序将图片与选择的局部轨迹一一对应。当图片数量超出局部轨迹的固定数量时,可以循环选取重复的局部轨迹。局部轨迹可以通过与电子设备的屏幕
显示区域尺寸匹配的矩形从完整轨迹中截取出。其中,局部轨迹相邻是指局部轨迹在位置上相邻,相邻的局部轨迹通过过渡轨迹连接。具体两条局部轨迹相邻是指这两条局部轨迹之间通过一个过渡轨迹连接,多条局部轨迹相邻则是这些局部轨迹按顺序每两条局部轨迹之间通过一个过渡轨迹连接。在其它实施例中,局部轨迹确定模块1303也可以实时从完整轨迹中划分出与图片数量相等数量的局部轨迹,并与获取的图片一一对应。
在一个实施例中,完整轨迹中的局部轨迹位于完整轨迹中的固定位置处。在一个实施例中,完整轨迹中的局部轨迹可以具有指定的先后顺序,局部轨迹确定模块1303可用于从所有的局部轨迹中选择与图片数量相等数量的相邻的局部轨迹时,可按照该先后顺序选择,比如无论图片数量多少,都从某标记为第一位的局部轨迹起选择。
轨迹绘制模块1304,用于根据展示顺序轮流绘制相应的局部轨迹,且在按展示顺序相邻的局部轨迹之间过渡时按照在完整轨迹中相应的过渡轨迹进行连续绘制。
具体地,轨迹绘制模块1304按照图片的展示顺序,轮流绘制与展示顺序相应的局部轨迹,绘制局部轨迹时从局部轨迹的起始点开始绘制到结束点。其中,轨迹绘制模块1304具体可按照固定的绘制速度或者固定的绘制时间绘制局部轨迹。这里绘制速度是指单位时间内绘制局部轨迹的长度,这里绘制时间则是绘制一条局部轨迹所消耗的时间。绘制速度和绘制时间可在使得局部轨迹的绘制过程对于人眼可见的取值范围内取值。
在一个实施例中,轨迹绘制模块1304可采用基于HTML的SVG(Scalable Vector Graphics,可缩放矢量图形)绘制局部轨迹。具体地,轨迹绘制模块1304可通过SVG路径(path)获取局部轨迹的长度,通过SVG stroke-dasharray(虚线样式)属性设置局部轨迹为虚线实线长度和间隔宽度均为局部轨迹的长度的虚线,通过SVG stroke-dashoffset(虚线起始偏移)属性控制虚线开始时的偏移长度从局部轨迹的长度逐渐变化为0,便可以实现从局部轨迹的起始点到结束点的渐变绘制。
轨迹绘制模块1304在相邻的局部轨迹之间切换时,可从当前局部轨迹的结束点开始,按照相邻的局部轨迹对应的完整轨迹中的过渡轨迹过渡到下一局部轨迹的起始点。过渡轨迹的绘制速度可以大于局部轨迹的绘制速度,从而可以突出局部轨迹的绘制过程,并保证局部轨迹之间过渡的流畅和速度。
图片展示模块1305,用于在绘制的局部轨迹对应的展示区域内展示相应的图片。
在每绘制出一条局部轨迹后,图片展示模块1305可用于在绘制的局部轨迹对应的展示区域内展示按照展示顺序应当展示的图片。具体轨迹绘制模块1304可在每绘制出一条局部轨迹后,停留一时间段,在停留的时间段内由图片展示模块1305在绘制的局部轨迹对应的展示区域内展示相应的图片。停留的时间段可以是固定值,也可以是在时间段范围内随机取值。停留的时间段可以大于当前局部轨迹的绘制时间,这样可以保证图片得到充分展示,停留的时间段可以取2秒。局部轨迹对应的展示区域可以是覆盖一部分局部轨迹的区域,也可以是局部轨迹旁边的区域。
在一个实施例中,图片展示模块1305还可以在展示区域中展示相应图片的图片描述文本。其中图片描述文本是描述图片的文本,可以是用户输入的文字、图片摘要信息或者随机选取的通用描述语句等。
上述电子设备1300,对于多个图片,确定各图片的展示顺序,并根据展示顺序确定图片对应的局部轨迹,这样各个图片对应的局部轨迹在完整轨迹中也是按照该展示顺序排列的。根据展示顺序轮流地绘制各个图片对应的局部轨迹,绘制的局部轨迹对应有展示区域,在该展示区域内展示该局部轨迹对应的图片,这样可以按照展示顺序轮流展示图片,不需要用户操作的干预,提高了通过图片传达信息的效率。而且在按展示顺序相邻的局部轨迹之间过渡时,按照在完整轨迹中相应的过渡轨迹进行连续绘制,这样随着图片的展示,可以呈现出整个完整轨迹,通过完整轨迹的变换能够以可视形式表达图片之间的联系,进一步提高了通过图片传达信息的效率。
在一个实施例中,完整轨迹是封闭的;完整轨迹中局部轨迹的数量是固
定的;完整轨迹中的局部轨迹位于完整轨迹中的固定位置处。
在一个实施例中,展示顺序确定模块1302还用于根据获取的图片获取相应的时间信息和/或空间信息;按照获取的时间信息和/或空间信息对相应的图片排序;根据图片排序结果确定获取的图片的展示顺序。
本实施例中,通过图片的时间信息和/空间信息确定图片的展示顺序,可以反映出图片之间的自然关联,图片按照该展示顺序展示后,可通过完整轨迹的变化反映出图片之间的时间或地理位置变化,传达更多信息量。比如对于用户在出行过程中拍摄的图片,通过完整轨迹的变化可以反映出用户从一个景点移动到另一个景点,反映出时间和/或地理位置的变化。
在一个实施例中,轨迹绘制模块1304还用于获取确定的各条局部轨迹所经过的轨迹点序列;获取与轨迹点序列对应的控制点序列;根据展示顺序,轮流按照相应局部轨迹对应的轨迹点序列和控制点序列绘制多阶赛贝尔曲线,得到相应的局部轨迹。
本实施例中,在确定好各条局部轨迹对应的轨迹点序列和控制点序列之后,便可以利用轨迹点序列和控制点序列中有限的离散点,通过绘制多阶赛贝尔曲线绘制出相应的局部轨迹,绘制效率高,且由于多阶赛贝尔曲线本身是矢量图且平滑,绘制出的局部轨迹视觉效果好。
在一个实施例中,多阶赛贝尔曲线为三阶赛贝尔曲线;轨迹点序列中按顺序每三个轨迹点组成一个三阶赛贝尔曲线;绘制的三阶赛贝尔曲线顺序邻接,邻接处的轨迹点对应的控制点关于该邻接处的轨迹点中心对称。
本实施例中,一条三阶赛贝尔曲线被划分为两条半段三阶赛贝尔曲线进行绘制,三阶赛贝尔曲线顺序邻接,邻接处的轨迹点对应的控制点关于该邻接处的轨迹点中心对称,可以利用离散点绘制出整体上平滑的矢量的局部曲线,使得轨迹变化平滑。
如图14所示,在一个实施例中,电子设备1300还包括:运动目标生成模块1306和运动控制模块1307。
运动目标生成模块1306,用于生成运动目标。
运动控制模块1307,用于控制运动目标沿绘制的局部轨迹运动。
图片展示模块1305用于当运动目标运动到指定位置或者运动达到指定时长或者沿绘制的局部轨迹运动结束后,执行在绘制的局部轨迹对应的展示区域内展示相应的图片。
本实施例中,通过运动目标沿绘制的局部轨迹运动,可以动态地反映出展示图片的过程中绘制的局部轨迹的变化,可更进一步地表达出图片之间的联系。
在一个实施例中,运动控制模块1307还用于获取运动目标的运动耗时;运动耗时根据预设运动速度和相应的局部轨迹的长度计算获得;根据运动耗时确定运动目标随时间变化的坐标;根据确定的坐标改变运动目标的位置。
本实施例中,获取到运动目标的运动耗时,从而基于运动耗时确定运动目标随时间变化的坐标,进而根据确定的坐标改变运动目标的位置,可实现对运动目标位置的精确控制。
在一个实施例中,一种电子设备,包括存储器和处理器,所述存储器中储存有计算机可读指令,所述计算机可读指令被所述处理器执行时,使得所述处理器执行以下步骤:获取多于一个的图片;确定获取的图片的展示顺序;根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹;根据所述展示顺序轮流绘制相应的局部轨迹,且在按所述展示顺序相邻的局部轨迹之间过渡时按照在所述完整轨迹中相应的过渡轨迹进行连续绘制;及在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
在一个实施例中,所述完整轨迹中局部轨迹的数量是固定的;所述完整轨迹中的所述局部轨迹位于所述完整轨迹中的固定位置处。
在一个实施例中,所述根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹包括:从完整轨迹中固定数量的局部轨迹中选择与图片数量相等数量的相邻的局部轨迹,并按照所述展示顺序将图片与选择的局部轨迹一一对应。
在一个实施例中,所述完整轨迹中的局部轨迹位于完整轨迹中的固定位
置处;所述从完整轨迹中固定数量的局部轨迹中选择与图片数量相等数量的相邻的局部轨迹包括:从完整轨迹中固定数量的局部轨迹中,按照指定的先后顺序选择与图片数量相等数量的相邻的局部轨迹。
在一个实施例中,所述确定获取的图片的展示顺序包括:根据获取的图片获取相应的时间信息和/或空间信息;按照获取的时间信息和/或空间信息对相应的图片排序;及根据图片排序结果确定获取的图片的展示顺序。
在一个实施例中,所述根据所述展示顺序轮流绘制相应的局部轨迹包括:获取确定的各条局部轨迹所经过的轨迹点序列;获取与所述轨迹点序列对应的控制点序列;及根据所述展示顺序,轮流按照相应局部轨迹对应的轨迹点序列和控制点序列绘制多阶赛贝尔曲线,得到相应的局部轨迹。
在一个实施例中,所述多阶赛贝尔曲线为三阶赛贝尔曲线;所述轨迹点序列中按顺序每三个轨迹点组成一个三阶赛贝尔曲线;绘制的三阶赛贝尔曲线顺序邻接,邻接处的轨迹点对应的控制点关于该邻接处的轨迹点中心对称。
在一个实施例中,所述计算机可读指令被所述处理器执行时,还使得所述处理器执行以下步骤:生成运动目标;控制所述运动目标沿绘制的局部轨迹运动;及当所述运动目标运动到指定位置或者运动达到指定时长或者沿绘制的局部轨迹运动结束后,执行所述在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
在一个实施例中,所述控制所述运动目标沿绘制的局部轨迹运动包括:获取所述运动目标的运动耗时;所述运动耗时根据预设运动速度和相应的局部轨迹的长度计算获得;根据所述运动耗时确定所述运动目标随时间变化的坐标;及根据确定的坐标改变所述运动目标的位置。
上述电子设备,对于多个图片,确定各图片的展示顺序,并根据展示顺序确定图片对应的局部轨迹,这样各个图片对应的局部轨迹在完整轨迹中也是按照该展示顺序排列的。根据展示顺序轮流地绘制各个图片对应的局部轨迹,绘制的局部轨迹对应有展示区域,在该展示区域内展示该局部轨迹对应的图片,这样可以按照展示顺序轮流展示图片,不需要用户操作的干预,提
高了通过图片传达信息的效率。而且在按展示顺序相邻的局部轨迹之间过渡时,按照在完整轨迹中相应的过渡轨迹进行连续绘制,这样随着图片的展示,可以呈现出整个完整轨迹,通过完整轨迹的变换能够以可视形式表达图片之间的联系,进一步提高了通过图片传达信息的效率。
在一个实施例中,一个或多个存储有计算机可读指令的计算机可读非易失性存储介质,所述计算机可读指令被一个或多个处理器执行时,使得所述一个或多个处理器执行以下步骤:获取多于一个的图片;确定获取的图片的展示顺序;根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹;根据所述展示顺序轮流绘制相应的局部轨迹,且在按所述展示顺序相邻的局部轨迹之间过渡时按照在所述完整轨迹中相应的过渡轨迹进行连续绘制;及在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
在一个实施例中,所述确定获取的图片的展示顺序包括:根据获取的图片获取相应的时间信息和/或空间信息;按照获取的时间信息和/或空间信息对相应的图片排序;及根据图片排序结果确定获取的图片的展示顺序。
在一个实施例中,所述根据所述展示顺序轮流绘制相应的局部轨迹包括:获取确定的各条局部轨迹所经过的轨迹点序列;获取与所述轨迹点序列对应的控制点序列;及根据所述展示顺序,轮流按照相应局部轨迹对应的轨迹点序列和控制点序列绘制多阶赛贝尔曲线,得到相应的局部轨迹。
在一个实施例中,所述计算机可读指令被一个或多个处理器执行时,还使得所述一个或多个处理器执行以下步骤:生成运动目标;控制所述运动目标沿绘制的局部轨迹运动;及当所述运动目标运动到指定位置或者运动达到指定时长或者沿绘制的局部轨迹运动结束后,执行所述在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
在一个实施例中,所述控制所述运动目标沿绘制的局部轨迹运动包括:获取所述运动目标的运动耗时;所述运动耗时根据预设运动速度和相应的局部轨迹的长度计算获得;根据所述运动耗时确定所述运动目标随时间变化的坐标;及根据确定的坐标改变所述运动目标的位置。
上述计算机可读存储介质,对于多个图片,确定各图片的展示顺序,并根据展示顺序确定图片对应的局部轨迹,这样各个图片对应的局部轨迹在完整轨迹中也是按照该展示顺序排列的。根据展示顺序轮流地绘制各个图片对应的局部轨迹,绘制的局部轨迹对应有展示区域,在该展示区域内展示该局部轨迹对应的图片,这样可以按照展示顺序轮流展示图片,不需要用户操作的干预,提高了通过图片传达信息的效率。而且在按展示顺序相邻的局部轨迹之间过渡时,按照在完整轨迹中相应的过渡轨迹进行连续绘制,这样随着图片的展示,可以呈现出整个完整轨迹,通过完整轨迹的变换能够以可视形式表达图片之间的联系,进一步提高了通过图片传达信息的效率。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,该计算机程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)等非易失性存储介质,或随机存储记忆体(Random Access Memory,RAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (23)
- 一种图片动态展示方法,包括:获取多于一个的图片;确定获取的图片的展示顺序;根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹;根据所述展示顺序轮流绘制相应的局部轨迹,且在按所述展示顺序相邻的局部轨迹之间过渡时按照在所述完整轨迹中相应的过渡轨迹进行连续绘制;及在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
- 根据权利要求1所述的方法,其特征在于,所述完整轨迹中局部轨迹的数量是固定的;所述完整轨迹中的所述局部轨迹位于所述完整轨迹中的固定位置处。
- 根据权利要求1所述的方法,其特征在于,所述根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹包括:从完整轨迹中固定数量的局部轨迹中选择与图片数量相等数量的相邻的局部轨迹,并按照所述展示顺序将图片与选择的局部轨迹一一对应。
- 根据权利要求3所述的方法,其特征在于,所述完整轨迹中的局部轨迹位于完整轨迹中的固定位置处;所述从完整轨迹中固定数量的局部轨迹中选择与图片数量相等数量的相邻的局部轨迹包括:从完整轨迹中固定数量的局部轨迹中,按照指定的先后顺序选择与图片数量相等数量的相邻的局部轨迹。
- 根据权利要求1所述的方法,其特征在于,所述确定获取的图片的展示顺序包括:根据获取的图片获取相应的时间信息和/或空间信息;按照获取的时间信息和/或空间信息对相应的图片排序;及根据图片排序结果确定获取的图片的展示顺序。
- 根据权利要求1所述的方法,其特征在于,所述根据所述展示顺序轮 流绘制相应的局部轨迹包括:获取确定的各条局部轨迹所经过的轨迹点序列;获取与所述轨迹点序列对应的控制点序列;及根据所述展示顺序,轮流按照相应局部轨迹对应的轨迹点序列和控制点序列绘制多阶赛贝尔曲线,得到相应的局部轨迹。
- 根据权利要求6所述的方法,其特征在于,所述多阶赛贝尔曲线为三阶赛贝尔曲线;所述轨迹点序列中按顺序每三个轨迹点组成一个三阶赛贝尔曲线;绘制的三阶赛贝尔曲线顺序邻接,邻接处的轨迹点对应的控制点关于该邻接处的轨迹点中心对称。
- 根据权利要求1所述的方法,其特征在于,还包括:生成运动目标;控制所述运动目标沿绘制的局部轨迹运动;及当所述运动目标运动到指定位置或者运动达到指定时长或者沿绘制的局部轨迹运动结束后,执行所述在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
- 根据权利要求8所述的方法,其特征在于,所述控制所述运动目标沿绘制的局部轨迹运动包括:获取所述运动目标的运动耗时;所述运动耗时根据预设运动速度和相应的局部轨迹的长度计算获得;根据所述运动耗时确定所述运动目标随时间变化的坐标;及根据确定的坐标改变所述运动目标的位置。
- 一种电子设备,包括存储器和处理器,所述存储器中储存有计算机可读指令,所述计算机可读指令被所述处理器执行时,使得所述处理器执行以下步骤:获取多于一个的图片;确定获取的图片的展示顺序;根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹;根据所述展示顺序轮流绘制相应的局部轨迹,且在按所述展示顺序相邻的局部轨迹之间过渡时按照在所述完整轨迹中相应的过渡轨迹进行连续绘制;及在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
- 根据权利要求10所述的电子设备,其特征在于,所述完整轨迹中局部轨迹的数量是固定的;所述完整轨迹中的所述局部轨迹位于所述完整轨迹中的固定位置处。
- 根据权利要求10所述的电子设备,其特征在于,所述根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹包括:从完整轨迹中固定数量的局部轨迹中选择与图片数量相等数量的相邻的局部轨迹,并按照所述展示顺序将图片与选择的局部轨迹一一对应。
- 根据权利要求12所述的电子设备,其特征在于,所述完整轨迹中的局部轨迹位于完整轨迹中的固定位置处;所述从完整轨迹中固定数量的局部轨迹中选择与图片数量相等数量的相邻的局部轨迹包括:从完整轨迹中固定数量的局部轨迹中,按照指定的先后顺序选择与图片数量相等数量的相邻的局部轨迹。
- 根据权利要求10所述的电子设备,其特征在于,所述确定获取的图片的展示顺序包括:根据获取的图片获取相应的时间信息和/或空间信息;按照获取的时间信息和/或空间信息对相应的图片排序;及根据图片排序结果确定获取的图片的展示顺序。
- 根据权利要求10所述的电子设备,其特征在于,所述根据所述展示顺序轮流绘制相应的局部轨迹包括:获取确定的各条局部轨迹所经过的轨迹点序列;获取与所述轨迹点序列对应的控制点序列;及根据所述展示顺序,轮流按照相应局部轨迹对应的轨迹点序列和控制点序列绘制多阶赛贝尔曲线,得到相应的局部轨迹。
- 根据权利要求15所述的电子设备,其特征在于,所述多阶赛贝尔曲线为三阶赛贝尔曲线;所述轨迹点序列中按顺序每三个轨迹点组成一个三阶赛贝尔曲线;绘制的三阶赛贝尔曲线顺序邻接,邻接处的轨迹点对应的控制点关于该邻接处的轨迹点中心对称。
- 根据权利要求10所述的电子设备,其特征在于,所述计算机可读指令被所述处理器执行时,还使得所述处理器执行以下步骤:生成运动目标;控制所述运动目标沿绘制的局部轨迹运动;及当所述运动目标运动到指定位置或者运动达到指定时长或者沿绘制的局部轨迹运动结束后,执行所述在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
- 根据权利要求17所述的电子设备,其特征在于,所述控制所述运动目标沿绘制的局部轨迹运动包括:获取所述运动目标的运动耗时;所述运动耗时根据预设运动速度和相应的局部轨迹的长度计算获得;根据所述运动耗时确定所述运动目标随时间变化的坐标;及根据确定的坐标改变所述运动目标的位置。
- 一个或多个存储有计算机可读指令的计算机可读非易失性存储介质,所述计算机可读指令被一个或多个处理器执行时,使得所述一个或多个处理器执行以下步骤:获取多于一个的图片;确定获取的图片的展示顺序;根据所述展示顺序确定获取的各图片对应于完整轨迹中的局部轨迹;根据所述展示顺序轮流绘制相应的局部轨迹,且在按所述展示顺序相邻的局部轨迹之间过渡时按照在所述完整轨迹中相应的过渡轨迹进行连续绘制;及在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
- 根据权利要求19所述的计算机可读非易失性存储介质,其特征在于,所述确定获取的图片的展示顺序包括:根据获取的图片获取相应的时间信息和/或空间信息;按照获取的时间信息和/或空间信息对相应的图片排序;及根据图片排序结果确定获取的图片的展示顺序。
- 根据权利要求19所述的计算机可读非易失性存储介质,其特征在于,所述根据所述展示顺序轮流绘制相应的局部轨迹包括:获取确定的各条局部轨迹所经过的轨迹点序列;获取与所述轨迹点序列对应的控制点序列;及根据所述展示顺序,轮流按照相应局部轨迹对应的轨迹点序列和控制点序列绘制多阶赛贝尔曲线,得到相应的局部轨迹。
- 根据权利要求19所述的计算机可读非易失性存储介质,其特征在于,所述计算机可读指令被一个或多个处理器执行时,还使得所述一个或多个处理器执行以下步骤:生成运动目标;控制所述运动目标沿绘制的局部轨迹运动;及当所述运动目标运动到指定位置或者运动达到指定时长或者沿绘制的局部轨迹运动结束后,执行所述在绘制的局部轨迹对应的展示区域内展示相应的所述图片。
- 根据权利要求22所述的计算机可读非易失性存储介质,其特征在于,所述控制所述运动目标沿绘制的局部轨迹运动包括:获取所述运动目标的运动耗时;所述运动耗时根据预设运动速度和相应的局部轨迹的长度计算获得;根据所述运动耗时确定所述运动目标随时间变化的坐标;及根据确定的坐标改变所述运动目标的位置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US16/102,515 US10860623B2 (en) | 2016-05-24 | 2018-08-13 | Picture dynamic display method, electronic equipment and storage medium |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610349904.4 | 2016-05-24 | ||
CN201610349904.4A CN106021519A (zh) | 2016-05-24 | 2016-05-24 | 图片动态展示方法和装置 |
Related Child Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US16/102,515 Continuation US10860623B2 (en) | 2016-05-24 | 2018-08-13 | Picture dynamic display method, electronic equipment and storage medium |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2017202294A1 true WO2017202294A1 (zh) | 2017-11-30 |
Family
ID=57094870
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2017/085514 WO2017202294A1 (zh) | 2016-05-24 | 2017-05-23 | 图片动态展示方法、电子设备和存储介质 |
Country Status (3)
Country | Link |
---|---|
US (1) | US10860623B2 (zh) |
CN (1) | CN106021519A (zh) |
WO (1) | WO2017202294A1 (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
GB2586547A (en) * | 2018-10-14 | 2021-02-24 | Adobe Inc | Automatic and interactive animation driven by change-based heuristics |
CN113568840A (zh) * | 2021-08-13 | 2021-10-29 | 上海幻电信息科技有限公司 | 一种识别过渡绘制的方法和*** |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106021519A (zh) | 2016-05-24 | 2016-10-12 | 腾讯科技(深圳)有限公司 | 图片动态展示方法和装置 |
CN106780684B (zh) * | 2017-01-09 | 2021-08-31 | 腾讯科技(深圳)有限公司 | 一种动画效果实现方法及装置 |
CN107993274A (zh) * | 2017-11-24 | 2018-05-04 | 天脉聚源(北京)科技有限公司 | 一种水壶动画的生成方法及装置 |
CN111694905B (zh) * | 2019-03-13 | 2024-01-23 | 杭州海康威视***技术有限公司 | 轨迹回放方法及装置 |
CN111047668A (zh) * | 2019-12-17 | 2020-04-21 | 支付宝(杭州)信息技术有限公司 | 一种信息展示方法、装置及设备 |
CN112528081B (zh) * | 2020-12-24 | 2021-09-14 | 长沙翔宇信息科技有限公司 | 一种空间态势相对运动轨迹多级载入展示方法及装置 |
CN113442142B (zh) * | 2021-07-14 | 2022-08-23 | 杭州泛海科技有限公司 | 六轴串联工业机器人的笛卡尔空间运动轨迹的平滑方法 |
CN115690590B (zh) * | 2023-01-04 | 2023-03-31 | 中化现代农业有限公司 | 作物生长异常监测方法、装置、设备及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104699382A (zh) * | 2013-12-10 | 2015-06-10 | 上海携图信息科技有限公司 | 一种电子动态游记的实现方法 |
CN104809203A (zh) * | 2015-04-27 | 2015-07-29 | 苏州大学 | 一种旅游轨迹生成方法及*** |
CN105117455A (zh) * | 2015-08-18 | 2015-12-02 | 北京奇虎科技有限公司 | 沿途目标图片搜索方法、终端及*** |
CN105320689A (zh) * | 2014-07-29 | 2016-02-10 | 中兴通讯股份有限公司 | 一种照片信息处理方法、装置及终端 |
CN106021519A (zh) * | 2016-05-24 | 2016-10-12 | 腾讯科技(深圳)有限公司 | 图片动态展示方法和装置 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP4758842B2 (ja) * | 2006-01-26 | 2011-08-31 | 日本放送協会 | 映像オブジェクトの軌跡画像合成装置、映像オブジェクトの軌跡画像表示装置およびそのプログラム |
JP4945236B2 (ja) * | 2006-12-27 | 2012-06-06 | 株式会社東芝 | 映像コンテンツ表示装置、映像コンテンツ表示方法及びそのプログラム |
US20110096076A1 (en) * | 2009-10-27 | 2011-04-28 | Microsoft Corporation | Application program interface for animation |
US9280844B2 (en) * | 2013-03-12 | 2016-03-08 | Comcast Cable Communications, Llc | Animation |
CN104699682B (zh) * | 2013-12-04 | 2020-06-26 | 腾讯科技(北京)有限公司 | 信息处理方法和装置 |
-
2016
- 2016-05-24 CN CN201610349904.4A patent/CN106021519A/zh active Pending
-
2017
- 2017-05-23 WO PCT/CN2017/085514 patent/WO2017202294A1/zh active Application Filing
-
2018
- 2018-08-13 US US16/102,515 patent/US10860623B2/en active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104699382A (zh) * | 2013-12-10 | 2015-06-10 | 上海携图信息科技有限公司 | 一种电子动态游记的实现方法 |
CN105320689A (zh) * | 2014-07-29 | 2016-02-10 | 中兴通讯股份有限公司 | 一种照片信息处理方法、装置及终端 |
CN104809203A (zh) * | 2015-04-27 | 2015-07-29 | 苏州大学 | 一种旅游轨迹生成方法及*** |
CN105117455A (zh) * | 2015-08-18 | 2015-12-02 | 北京奇虎科技有限公司 | 沿途目标图片搜索方法、终端及*** |
CN106021519A (zh) * | 2016-05-24 | 2016-10-12 | 腾讯科技(深圳)有限公司 | 图片动态展示方法和装置 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
GB2586547A (en) * | 2018-10-14 | 2021-02-24 | Adobe Inc | Automatic and interactive animation driven by change-based heuristics |
GB2586547B (en) * | 2018-10-14 | 2021-08-18 | Adobe Inc | Automatic and interactive animation driven by change-based heuristics |
CN113568840A (zh) * | 2021-08-13 | 2021-10-29 | 上海幻电信息科技有限公司 | 一种识别过渡绘制的方法和*** |
CN113568840B (zh) * | 2021-08-13 | 2024-04-02 | 上海幻电信息科技有限公司 | 一种识别过渡绘制的方法和*** |
Also Published As
Publication number | Publication date |
---|---|
CN106021519A (zh) | 2016-10-12 |
US10860623B2 (en) | 2020-12-08 |
US20190042598A1 (en) | 2019-02-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2017202294A1 (zh) | 图片动态展示方法、电子设备和存储介质 | |
JP7096902B2 (ja) | 画像処理方法、装置、コンピュータプログラム及びコンピュータデバイス | |
US11176737B2 (en) | Textured mesh building | |
US20240062488A1 (en) | Object centric scanning | |
US9153062B2 (en) | Systems and methods for sketching and imaging | |
CN114902294A (zh) | 移动增强现实中的细粒度视觉识别 | |
US10163244B2 (en) | Creating reusable and configurable digital whiteboard animations | |
AU2019216672B2 (en) | Auto animate: interactive animation driven by change based heuristics | |
JP7032451B2 (ja) | デジタルマップ上のインジケータの視覚的なプロパティを動的に変更すること | |
US8823734B1 (en) | Indicating availability of indoor content on a digital map | |
JP2013536502A (ja) | マルチスケール3次元配向 | |
CN109859109B (zh) | 一种系列比例尺pdf地图无缝组织与显示方法 | |
WO2018213702A1 (en) | Augmented reality system | |
CA3185810A1 (en) | Systems and methods for augmented or mixed reality writing | |
US10304232B2 (en) | Image animation in a presentation document | |
CN107621951B (zh) | 一种视图层级优化的方法及装置 | |
CN114118009A (zh) | 利用机器学习根据可视相似度来组织和表示字体集合 | |
JP2021152901A (ja) | 画像を生成するための方法及装置 | |
JP7086180B2 (ja) | デジタルマップの動的リスタイリング | |
JP2023178274A (ja) | メッシュ頂点位置についての求根および反復を用いて表面を近似するポリゴンメッシュを生成する方法およびシステム | |
CN107615229B (zh) | 用户界面装置和用户界面装置的画面显示方法 | |
Limberger et al. | Mixed-projection treemaps: A novel approach mixing 2d and 2.5 d treemaps | |
US20220206676A1 (en) | Modifying drawing characteristics of digital raster images utilizing stroke properties | |
CN115578495A (zh) | 特效图像绘制方法、装置、设备及介质 | |
JP2024501444A (ja) | メディアコンテンツのオーバーレイに適した画像スペースの検出 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
NENP | Non-entry into the national phase |
Ref country code: DE |
|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 17802140 Country of ref document: EP Kind code of ref document: A1 |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 17802140 Country of ref document: EP Kind code of ref document: A1 |