WO2018072638A1 - 在移动设备上动画展现图像的方法和装置 - Google Patents

在移动设备上动画展现图像的方法和装置 Download PDF

Info

Publication number
WO2018072638A1
WO2018072638A1 PCT/CN2017/105811 CN2017105811W WO2018072638A1 WO 2018072638 A1 WO2018072638 A1 WO 2018072638A1 CN 2017105811 W CN2017105811 W CN 2017105811W WO 2018072638 A1 WO2018072638 A1 WO 2018072638A1
Authority
WO
WIPO (PCT)
Prior art keywords
frame
display
animation
image
end point
Prior art date
Application number
PCT/CN2017/105811
Other languages
English (en)
French (fr)
Inventor
董晓庆
Original Assignee
阿里巴巴集团控股有限公司
董晓庆
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 阿里巴巴集团控股有限公司, 董晓庆 filed Critical 阿里巴巴集团控股有限公司
Priority to JP2019521097A priority Critical patent/JP2020500357A/ja
Priority to SG11201903476UA priority patent/SG11201903476UA/en
Priority to KR1020197014230A priority patent/KR102139439B1/ko
Priority to EP17862403.7A priority patent/EP3531278A4/en
Publication of WO2018072638A1 publication Critical patent/WO2018072638A1/zh
Priority to PH12019500837A priority patent/PH12019500837A1/en
Priority to US16/388,599 priority patent/US10573053B2/en

Links

Images

Classifications

    • 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
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/20—Drawing from basic elements, e.g. lines or circles
    • G06T11/206—Drawing of charts or graphs
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites

Definitions

  • the present application relates to the field of network communication technologies, and in particular, to a method and apparatus for animating an image on a mobile device.
  • the animation implementation on the mobile device usually follows the scheme on a PC (Personal Computer), that is, calculates the size, position, and the like of each frame of image for display, the data to be used for display, and The data of the image itself is cached in the memory.
  • PC Personal Computer
  • the current content on the canvas is cleared at regular intervals, and the display content of the next frame is redrawn on the canvas by using the buffered next frame data.
  • the present application provides a method for animating an image on a mobile device, including:
  • the application also provides an apparatus for animating an image on a mobile device, comprising:
  • An end point image generating unit configured to draw the final rendered image on the hidden canvas, and save the drawn image as an end point image
  • the animation display unit is configured to display at least part of the end point picture in the animation display area by using the changed display parameters at a certain time interval until the end point picture is finally displayed; the changed display parameter is determined according to the animation effect.
  • the final rendered image is drawn on the hidden canvas and saved as the end point picture, and the end point picture is displayed by using the changed display parameters during the execution of the animation, thereby eliminating the need for frame-by-frame calculation, Caching and drawing each frame of the animation process greatly reduces the amount of code required for animation presentation, reduces memory usage, and improves animation execution efficiency.
  • FIG. 1 is a flowchart of a method for animating an image on a mobile device in an embodiment of the present application
  • FIG. 2 is a diagram showing an example of an end point picture of a trend chart in an application example of the present application
  • FIG. 3 is a schematic diagram of a sequence of images of each frame in a trend display animation in an application example of the present application
  • FIG. 4 is a diagram showing an example of an end point picture of a histogram in an application example of the present application
  • FIG. 5 is a schematic diagram of a sequence of image frames of each frame in a histogram display animation in an application example of the present application
  • FIG. 6 is a hardware structure diagram of a mobile device
  • FIG. 7 is a logical structural diagram of an apparatus for animating an image on a mobile device in an embodiment of the present application.
  • the embodiment of the present application proposes a new method for animating an image on a mobile device, and the image to be displayed as an animation endpoint is drawn on the hidden canvas and saved as an end point image, and during the execution of the animation, according to the image to be presented
  • the animation effect determines the display parameters of each frame, and uses the display parameters of each frame to display some or all of the endpoint images until the final image is displayed.
  • the example achieves the animation effect by displaying all or part of the end point picture in a changing display manner, avoiding the calculation and recording of the level and attribute information of each frame of the image during the animation process, and reducing the code amount of the program; the animation process uses a drawing
  • the completed picture does not need to draw each frame image, and does not need to buffer the data of each frame image, which greatly reduces the memory occupation and the processing power consumption, thereby solving the problems in the prior art.
  • Embodiments of the present application can be applied to any mobile device having computing, storage, and display capabilities, including mobile phones, tablets, notebooks, and the like.
  • the embodiment of the present application can be applied to a client of a C/S (Client/Server, client/server) structure, or can be applied to a B/S (Browser/Server, browser/server) structure.
  • the page can also be applied to other software running on mobile devices.
  • step 110 the final rendered image is drawn on the hidden canvas, and the drawn image is saved as the final image.
  • the mobile device creates a hidden canvas, and draws the final image, that is, the image to be displayed to the user at the end of the animation, on the hidden canvas. After the drawing is completed, the image on the hidden canvas is saved as the ending image.
  • the data required by the mobile device to render the final displayed image may be determined based on the content to be represented by the image in the actual application scenario.
  • the data required to draw an image can be read or calculated locally by the mobile device, or it can be obtained from the server or calculated from other data obtained from the server.
  • the specific drawing method used when drawing an image can be implemented with reference to the prior art.
  • the embodiment of the present application does not limit the data source of the drawn image, the expression content of the image, and the manner in which the image is drawn.
  • the mobile device can create a hidden canvas based on the animated presentation area. For example, referring to the peak data of the finally displayed image, a hidden canvas that is enlarged or reduced in proportion can be created according to the shape of the animation display area. For another example, you can create a hidden canvas with the same shape and size as the animation display area, so that the end point image can be directly displayed in the animation display area without zooming at the end of the animation, which simplifies the calculation. Of course, mobile devices can also create hidden canvases at will, in the subsequent animation process. Display all or part of the end point image in the animation display area by setting the display parameters.
  • the finished endpoint image drawn on the hidden canvas can be saved locally on the mobile device as a file or in the form of image data in the cache. After saving the final image, you can delete the hidden canvas.
  • Step 120 Display at least part of the end point picture in the animation display area by using the changed display parameters frame by frame at a certain time interval until the end point picture is finally displayed.
  • the display parameters of each frame in the animation execution process are determined according to the animation effect to be displayed, and the display parameters of each frame are sequentially used at a certain time interval to display some or all of the end point images in the animation display area until The end point image is displayed at the end of the animation.
  • the display parameters of adjacent frames are different from each other, and the manner of change is related to the animation effect to be displayed.
  • the display parameters may include processing the end point picture to obtain an end point picture processing parameter of each frame image, and a display position parameter for determining which position of the processed end point picture is displayed in the animation display area; end point picture processing of the adjacent frame There is at least one difference between the parameter and the display position parameter.
  • the mobile device processes the end point picture according to the end point picture processing parameter of each frame, and obtains the image of the frame, and at the time point corresponding to each frame image (the adjacent two frames are separated by the above certain time) Interval)
  • the image of the frame is displayed in the animation display area using the display position parameter of the frame.
  • Different animation effects can be achieved when the image processing parameters of the end points of adjacent frames change, or the display position parameters change, or the end image processing parameters and display position parameters change. The following examples are given.
  • a partial end point picture captured according to the screenshot parameter of each frame is displayed frame by frame in the animation display area until all the end point pictures are finally displayed. That is, at the time point corresponding to each frame, the mobile device intercepts the partial end point picture according to the screenshot parameter of the frame, obtains the image of the frame, and displays the frame image in the animation display area according to the fixed display position parameter; The part of the image captured by the screenshot parameter is gradually enlarged until it becomes the complete end point image.
  • the display position parameter of the upper left corner of each frame of the image may be fixed as the upper left corner of the animation display area, and the partial end point image of the left side is intercepted as an image of each frame and the intercepted area is gradually enlarged. , can achieve the animation effect of the end point picture gradually from left to right.
  • the display position parameter of the center point of each frame of the image may be fixed as the center point of the animation display area, and the center point of each frame image intercepted by the end point of the picture center and intercepted The area gradually becomes larger, and the animation effect of the end point image gradually appearing from the center to the periphery can be achieved.
  • Other application scenarios are not described here.
  • the mobile device intercepts a part of the end point picture according to the screenshot parameter of the frame, obtains an image of the frame, and displays the image of the frame in the animation display area according to the display position parameter of the frame;
  • the part of the picture taken according to the screenshot parameter is gradually enlarged, and its display position is also moved accordingly so that the frame image can be completely displayed in the animation display area until the last frame image becomes a complete end point picture and fills the entire animation display area.
  • the display position parameter in the upper right corner of each frame image may be gradually shifted to the right along the upper edge of the animation display area, and the left part of the end point picture (the size corresponding to the display position parameter) is intercepted as each frame.
  • the image is enlarged and the area that is intercepted is gradually increased, and the effect that the end image is moved from the left to the right from the outside of the animation display area into the animation display area can be achieved.
  • Other application scenarios are not described here.
  • the third example with the fixed display position parameter and the compression parameter of each frame determined according to the animation effect as the changing display parameter, the entire end point picture can be expanded from occupying part of the animation display area to occupying all the animation display areas. Effect. Specifically, at a certain time interval, using the display position parameter, the end point picture compressed according to the compression parameter of the frame is displayed frame by frame in the animation display area until the end point picture matching the animation display area is finally displayed.
  • the mobile device compresses the end point picture according to the compression parameter of the frame to obtain an image of the frame, and displays the frame image in the animation display area according to the fixed display position parameter; wherein, after compressing according to the compression parameter The image of each frame gradually becomes larger until it fills the entire animation display area.
  • the display position parameter of the upper left corner of each frame of the image can be fixed to the upper left corner of the animation display area, and each frame is proportionally compressed according to the aspect ratio of the end image and the degree of compression is gradually reduced. , you can reach the end point picture animation to show the animation effect of the far left and right corners of the de-region.
  • the display position parameter of the lower edge of each frame of the image may be fixed to the lower edge of the animation display area, and each frame compresses the width of the end point image and gradually reduces the degree of compression. The effect of reaching the end image from the bottom to the full animation display area.
  • Other application scenarios are not described here.
  • end point image processing parameters different from the above screenshot parameters and compression parameters, such as a rotation parameter for rotating the end point picture and a filter parameter for color processing the end point picture, may also be used. and many more.
  • a combination of various types of endpoint image processing parameters can be used to perform multiple processing on the end point image.
  • the combination of the compression parameter and the rotation parameter can achieve the rotation of the end point image from small to large at a certain point. Animation effect.
  • Embodiments of the present application do not limit the type and number of end point picture processing parameters employed, and the combined use of fixed or changed display position parameters.
  • the final rendered image is drawn on the hidden canvas and saved as the ending image.
  • the display parameters of each frame are determined according to the animation effect to be displayed, and the display of each frame is adopted.
  • the parameter is used to display part or all of the end point image, and the animation effect is achieved by changing the display parameters, which avoids calculating and recording the level and attribute information of each frame of the image during the animation process, and reduces the code amount of the program; the animation process uses the end point picture. It is not necessary to draw each frame of image, and there is no need to buffer the data of each frame of image, which greatly reduces the memory footprint and improves the execution efficiency of the animation.
  • an animation effect is employed when presenting graphics (including charts and histograms) to the user.
  • the trend map needs to be displayed on the browser page, create a hidden canvas of the same size as the display area of the trend display, and draw the final display to the user on the hidden canvas according to the graphic data received from the server, as shown in FIG. 2 Shown.
  • the drawn chart is cached in memory as the end point of the chart.
  • a trend chart is a trend chart of a variable in chronological order.
  • an animation effect is formed in which the variable trend is gradually formed in chronological order. Therefore, fixed display position parameters and changed screenshot parameters can be used as display parameters. Fix the display position parameter in the upper left corner of each frame image to the upper left corner of the trend display area; from the left edge of the end image of the trend chart, each frame intercepts the end point picture of the part of the chart with different lengths as the frame image, and the intercepted length is continuously increase.
  • a possible sequence of frames for each frame is shown in Figure 3. In this way, when each frame image is successively displayed in the trend display area at a certain time interval, an animation effect of the trend of the variable along the time series will be formed.
  • a histogram When a histogram needs to be displayed on the browser page, a hidden canvas of the same size as the histogram display area is created, and the histogram finally displayed to the user is drawn on the hidden canvas according to the graphic data of the histogram received from the server, as shown in FIG. 4 Shown.
  • the rendered histogram is cached in memory as a histogram end point image.
  • the histogram is used to reflect the value of a variable at a certain point in time.
  • the animation effect is made to gradually change the graph column from low to high. Therefore, fixed display position parameters and varying compression parameters can be used as display parameters.
  • the display position parameter of the lower left corner of each frame image is fixed to the lower left corner of the histogram display area; each frame is compressed with a different compression ratio to generate the image of the frame of the end point of the histogram, and the compression ratio is continuously reduced until The compression ratio of the last frame of image is 1.
  • a possible sequence of image frames for each frame is shown in FIG. Thus, when each frame image is successively displayed in the histogram display area at a certain time interval, the value of the variable is formed from small to large until the animation of the final value is reached.
  • an embodiment of the present application further provides an apparatus for animating an image applied on a mobile device.
  • the device can be implemented by software, or can be implemented by hardware or a combination of hardware and software.
  • the corresponding computer program is passed through the CPU (Central Process Unit) of the mobile device. Instructions are read into memory to form a run.
  • the mobile device on which the device for animating the image is displayed on the mobile device usually includes a chip for transmitting and receiving wireless signals, and the like.
  • Hardware, and/or other hardware such as boards used to implement network communication functions.
  • FIG. 7 is a schematic diagram of an apparatus for animating an image on a mobile device according to an embodiment of the present application, including an end point image generating unit and an animation display unit, wherein: the end point image generating unit is configured to draw the final displayed image on the hidden canvas. And saving the completed image as an end point picture; the animation display unit is configured to display at least part of the end point picture in the animation display area by using the changed display parameters at a certain time interval until the end point picture is finally displayed; the change The display parameters are determined based on the animation effect.
  • the display parameter includes: an end point picture processing parameter used to process the end point picture to obtain an image of each frame image, and a display position parameter used to determine a display position of each frame image in the animation display area; an end point of the adjacent frame At least one of the picture processing parameters and the display position parameters is different.
  • the display parameter includes: a display position parameter and a screenshot parameter of each frame determined according to the animation effect;
  • the animation presentation unit is specifically configured to: use the display position parameter at a certain time interval, and in the animation display area The frame displays a partial end point picture taken according to the screenshot parameters of the frame until the final end picture is finally displayed.
  • the display parameter includes: a display position parameter and a screenshot parameter of each frame determined according to an animation effect; and the animation display unit is specifically configured to: adopt a display position of the frame frame by frame at a certain time interval.
  • the parameter displays a partial end point image captured according to the screenshot parameter of the frame in the animation display area until the final end picture is finally displayed.
  • the display parameter includes: a display position parameter and a compression parameter of each frame determined according to the animation effect; the animation display unit is specifically configured to: use the display position parameter at a certain time interval, in the animation display area The end point picture compressed according to the compression parameters of the frame is displayed frame by frame until the end point picture matching the animation presentation area is finally displayed.
  • the hidden canvas has the same shape and size as the animation display area.
  • the device further includes: a hidden canvas deleting unit, after saving the end image,
  • a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
  • processors CPUs
  • input/output interfaces network interfaces
  • memory volatile and non-volatile memory
  • the memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory.
  • RAM random access memory
  • ROM read only memory
  • Memory is an example of a computer readable medium.
  • Computer readable media includes both permanent and non-persistent, removable and non-removable media.
  • Information storage can be implemented by any method or technology.
  • the information can be computer readable instructions, data structures, modules of programs, or other data.
  • Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory. (ROM), electrically erasable programmable read only memory (EEPROM), flash memory or other memory technology, compact disk read only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, Magnetic tape cartridges, magnetic tape storage or other magnetic storage devices or any other non-transportable media can be used to store information that can be accessed by a computing device.
  • computer readable media does not include temporary storage of computer readable media, such as modulated data signals and carrier waves.
  • embodiments of the present application can be provided as a method, system, or computer program product. Therefore, the present application can employ an entirely hardware embodiment, an entirely software embodiment, or a combination of software and A form of embodiment of the hardware aspect. Moreover, the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.
  • computer-usable storage media including but not limited to disk storage, CD-ROM, optical storage, etc.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)
  • Digital Computer Display Output (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

一种在移动设备上动画展现图像的方法，包括：在隐藏画布上绘制最终展现的图像，并将绘制完成的图像保存为终点图片（110）；以一定的时间间隔，逐帧采用变化的显示参数在动画展现区域显示至少部分终点图片，直到最终显示终点图片；所述变化的显示参数根据动画效果确定（120）。通过该技术方案，避免了逐帧计算、缓存和绘制动画过程中的每帧图像，极大的减少了动画展现所需的代码量，降低了内存占用，提高了动画的执行效率。

Description

在移动设备上动画展现图像的方法和装置 技术领域
本申请涉及网络通信技术领域，尤其涉及一种在移动设备上动画展现图像的方法和装置。
背景技术
随着移动设备的性能发展，运行在移动设备上的用户界面的复杂程度和友好程度也随之提升。为了让用户有更好的体验，越来越多的网络服务提供商在其浏览器页面或客户端界面中采用动画方式来进行各种素材的展现。
现有技术中，移动设备上的动画实现通常沿用PC(Personal Computer，个人电脑)上的方案，即：计算出每帧图像的大小、位置等用于显示的数据，将用于显示的数据和图像本身的数据一并缓存在内存中，在动画的执行过程中，每隔一定时间清除画布上的当前内容，并且用缓存的下一帧数据在画布上重新绘制出下一帧的显示内容。
这种方案在实现中，需要记录各帧图像的层级、属性的信息，编程的代码量相当大，缓存每帧图像的数据将占用大量的内存，而重新绘制每帧图像还会消耗较多的处理能力。对于硬件资源和运算速度相比于PC仍然有相当差距的移动设备而言，这种方案存在代码量过大、内存开销大、执行效率低的问题。
发明内容
有鉴于此，本申请提供一种在移动设备上动画展现图像的方法，包括：
在隐藏画布上绘制最终展现的图像，并将绘制完成的图像保存为终点图片；
以一定的时间间隔，逐帧采用变化的显示参数在动画展现区域显示至少部分终点图片，直到最终显示终点图片；所述变化的显示参数根据动画效果 确定。
本申请还提供了一种在移动设备上动画展现图像的装置，包括：
终点图片生成单元，用于在隐藏画布上绘制最终展现的图像，并将绘制完成的图像保存为终点图片；
动画展现单元，用于以一定的时间间隔，逐帧采用变化的显示参数在动画展现区域显示至少部分终点图片，直到最终显示终点图片；所述变化的显示参数根据动画效果确定。
由以上技术方案可见，本申请的实施例中，将最终展现的图像绘制在隐藏画布上并保存为终点图片，在动画执行过程中利用变化的显示参数来显示终点图片，从而无需逐帧计算、缓存和绘制动画过程中的每帧图像，极大的减少了动画展现所需的代码量，降低了内存占用，提高了动画的执行效率。
附图说明
图1是本申请实施例中一种在移动设备上动画展现图像的方法的流程图；
图2是本申请应用示例中一种走势图的终点图片示例图；
图3是本申请应用示例中一种走势图展示动画中各帧图像序列的示意图；
图4是本申请应用示例中一种柱状图的终点图片示例图；
图5是本申请应用示例中一种柱状图展示动画中各帧图像序列的示意图；
图6是移动设备的一种硬件结构图；
图7是本申请实施例中一种在移动设备上动画展现图像的装置的逻辑结构图。
具体实施方式
本申请的实施例提出一种新的在移动设备上动画展现图像的方法，将作为动画终点要展现的图像绘制在隐藏画布上，并保存为终点图片，在动画执行过程中，按照要展现的动画效果确定每帧的显示参数，并采用每帧的显示参数来显示部分或全部的终点图片，直到最终显示终点图片。本申请的实施 例通过以变化的显示方式来展现全部或部分的终点图片来达到动画效果，避免了计算和记录动画过程中每帧图像的层级、属性信息，减少了程序的代码量；动画过程使用一幅绘制完成的图片而不必绘制每帧图像，无需缓存每帧图像的数据，极大的降低了内存占用和对处理能力的消耗，从而解决现有技术中存在的问题。
本申请的实施例可以应用在任何具有计算、存储和显示能力的移动设备上，包括手机、平板电脑、笔记本等设备。在软件层面，本申请的实施例可以应用在C/S(Client/Server，客户端/服务器)结构的客户端，也可以应用在B/S(Browser/Server，浏览器/服务器)结构的浏览器页面，还可以应用在其他运行在移动设备上的软件中。
本申请的实施例中，在移动设备上动画展现图像的方法的流程如图1所示。
步骤110，在隐藏画布上绘制最终展现的图像，并将绘制完成的图像保存为终点图片。
移动设备创建隐藏画布，将最终展现的图像，即动画结束时要显示给用户的图像绘制在隐藏画布上，在绘制完成后，将隐藏画布上的图像保存为终点图片。
移动设备绘制最终显示的图像所需的数据可以根据实际应用场景中图像要表现的内容确定。绘制图像所需的数据可以由移动设备在本地读取或计算得出，也可以从服务器获取或者根据从服务器获取的其他数据计算得出。在绘制图像时所采用的具体绘制方式可以参照现有技术实现。本申请的实施例对绘制图像的数据来源、图像的表现内容、图像的绘制方式均不做限定。
移动设备可以根据动画展现区域来创建隐藏画布。例如，可以参考最终显示的图像的峰值数据，按照动画展现区域的形状，创建同比例放大或缩小的隐藏画布。再如，可以创建与动画展现区域形状及大小相同的隐藏画布，这样终点图片在动画结束时可以无需缩放而直接显示在动画展示区域，能够简化计算。当然，移动设备也可以任意创建隐藏画布，而在后续的动画过程 中通过设置显示参数来将全部或部分终点图片显示在动画展现区域。
在隐藏画布上绘制完成的终点图片可以以文件的形式保存在移动设备本地，也可以以图像数据的形式保存在缓存中。在保存终点图片后，可以删除隐藏画布。
步骤120，以一定的时间间隔，逐帧采用变化的显示参数在动画展现区域显示至少部分终点图片，直到最终显示终点图片。
在生成终点图片后，根据要展现的动画效果确定动画执行过程中各帧的显示参数，以一定的时间间隔依次采用各帧的显示参数来将部分或全部终点图片显示在动画展现区域，直到在动画结束时显示终点图片。相邻帧的显示参数互不相同，其变化方式与要展现的动画效果相关。
显示参数可以包括对终点图片进行处理、以得到各帧图像的终点图片处理参数，和用来确定将处理后的终点图片显示在动画展现区域哪个位置的显示位置参数；相邻帧的终点图片处理参数和显示位置参数中，至少有一个不同。动画执行过程中，移动设备按照每帧的终点图片处理参数来对终点图片进行处理，得到该帧的图像，并在每帧图像对应的时间点(相邻两帧图像之间相隔上述一定的时间间隔)采用该帧的显示位置参数将该帧的图像显示在动画展现区域。当相邻各帧的终点图片处理参数发生变化、或显示位置参数发生变化、或终点图片处理参数和显示位置参数都发生变化时，可以实现不同的动画效果。以下举例说明。
第一个例子：以固定的显示位置参数和根据动画效果确定的每帧的截图参数来作为变化的显示参数，可以达到将终点图片从部分到全部逐渐呈现在动画展现区域的效果。具体而言，以一定的时间间隔，采用固定的显示位置参数，在动画展现区域逐帧显示根据每帧的截图参数截取的部分终点图片，直到最终显示全部终点图片。即，在各帧对应的时间点，移动设备按照该帧的截图参数截取部分终点图片，得到该帧的图像，并按照固定的显示位置参数将该帧图像显示在动画展现区域内；其中，按照截图参数截取的部分图片逐渐变大，直到成为完整的终点图片。
作为第一个例子的一种应用，可以将每帧图像左上角的显示位置参数固定为动画展现区域的左上角，截取左边的部分终点图片作为各帧的图像并将所截取的面积逐渐变大，可以达到终点图片从左向右逐渐呈现的动画效果。作为第一个例子的另一种应用，还可以将每帧图像中心点的显示位置参数固定为动画展现区域的中心点，以终点图片中心点为截取的各帧图像的中心点并将所截取的面积逐渐变大，可以达到终点图像从中心向***逐渐呈现的动画效果。其他的应用场景不再赘述。
第二个例子：以根据动画效果确定的每帧的显示位置参数和每帧的截图参数来作为变化的显示参数，可以达到将终点图片从动画展现区域外逐渐移动到全部呈现在动画展现区域的效果。具体而言，以一定的时间间隔，逐帧采用该帧的显示位置参数，在动画展现区域显示根据该帧的截图参数截取的部分终点图片，直到最终显示全部终点图片。即，在各帧对应的时间点，移动设备按照该帧的截图参数截取部分终点图片，得到该帧的图像，并将该帧的图像按照该帧的显示位置参数显示在动画展现区域内；其中，按照截图参数截取的部分图片逐渐变大，其显示位置也相应移动以便使得该帧图像能够完全显示在动画展现区域，直到最后一帧图像成为完整的终点图片，并占满整个动画展现区域。
作为第二个例子的一种应用，可以将每帧图像右上角的显示位置参数沿动画展现区域的上部边缘逐渐右移，截取左边的部分终点图片(其大小对应于显示位置参数)作为各帧的图像并将所截取的面积逐渐变大，可以达到终点图片从左向右从动画展现区域外移入动画展现区域的效果。其他的应用场景不再赘述。
第三个例子：以固定的显示位置参数和根据动画效果确定的每帧的压缩参数来作为变化的显示参数，可以达到将整个终点图片从占据部分动画展现区域到逐渐扩大为占据全部动画展现区域的效果。具体而言，以一定的时间间隔，采用显示位置参数，在动画展现区域逐帧显示根据该帧的压缩参数压缩后的终点图片，直到最终显示匹配于动画展现区域的终点图片。即，在各 帧对应的时间点，移动设备按照该帧的压缩参数将终点图片压缩后得到该帧的图像，并按照固定的显示位置参数将该帧图像显示在动画展现区域内；其中，按照压缩参数压缩后的各帧图像逐渐变大，直到占满完整的动画展现区域。
作为第三个例子的一种应用，可以将每帧图像左上角的显示位置参数固定为动画展现区域的左上角，各帧按照终点图片的长宽比进行等比例压缩并将压缩程度逐渐减小，可以达到终点图片动画展现去区域的左上角由远及近逐渐呈现的动画效果。作为第三个例子的另一种应用，还可以将每帧图像下部边缘的显示位置参数固定为动画展现区域的下部边缘，各帧对终点图片的宽度进行压缩并将压缩程度逐渐减小，可以达到终点图片从底部逐渐长大到占满完整的动画展现区域的效果。其他的应用场景不再赘述。
当要实现的动画效果不同时，还可以采用有别于上述截图参数和压缩参数的其他类型的终点图片处理参数，如对终点图片进行旋转的旋转参数、对终点图片进行色彩处理的滤镜参数等等。另外，还可以结合使用各种不同类型的终点图片处理参数来对终点图片进行多重处理，如压缩参数和旋转参数结合使用可以达到将终点图片由小到大以某个点为中心旋转而出的动画效果。本申请的实施例对所采用的终点图片处理参数的类型和数量、以及与固定或变化的显示位置参数的结合使用均不做限定。
可见，本申请的实施例中，将最终展现的图像绘制在隐藏画布上并保存为终点图片，在动画执行过程中，按照要展现的动画效果确定每帧的显示参数，并采用每帧的显示参数来显示部分或全部的终点图片，通过变化的显示参数来达到动画效果，避免了计算和记录动画过程中每帧图像的层级、属性信息，减少了程序的代码量；动画过程使用终点图片而不必绘制每帧图像，无需缓存每帧图像的数据，极大的降低了内存占用，并提高了动画的执行效率。
在本申请的一个应用示例中，在智能手机的浏览器环境中，在向用户展现图形(包括走势图和柱状图)的时候会采用动画效果。
当浏览器页面上需要显示走势图时，创建与走势图展示区域相同大小的隐藏画布，根据从服务器接收的走势图的图形数据，在隐藏画布上绘制最终显示给用户的走势图，如图2所示。绘制完成的走势图在内存中缓存为走势图终点图片。
走势图是某个变量按照时间顺序的变化趋势图，在展现走势图时，采用按照时间顺序逐渐形成变量走势的动画效果。因此，可以将固定的显示位置参数和变化的截图参数作为显示参数。将每帧图像左上角的显示位置参数固定为走势图展现区域的左上角；从走势图终点图片的左边缘起，每帧截取不同长度的部分走势图终点图片作为该帧图像，所截取的长度不断增加。一种可能的各帧图像序列的如图3所示。这样，当各帧图像以一定时间间隔陆续显示在走势图展示区域时，将形成变量的走势沿时序出现的动画效果。
当浏览器页面上需要显示柱状图时，创建与柱状图展示区域相同大小的隐藏画布，根据从服务器接收的柱状图的图形数据，在隐藏画布上绘制最终显示给用户的柱状图，如图4所示。绘制完成的柱状图在内存中缓存为柱状图终点图片。
柱状图用来反映某个变量在某个时间点的值，在展现柱状图时，采用将图形柱从低到高逐渐变为最终值的动画效果。因此，可以将固定的显示位置参数和变化的压缩参数作为显示参数。将每帧图像左下角的显示位置参数固定为柱状图展现区域的左下角；每帧采用不同的压缩比例对柱状图终点图片的宽度进行压缩后生成该帧的图像，压缩比例不断减小，直到最后一帧图像的压缩比例为1。一种可能的各帧图像序列的如图5所示。这样，当各帧图像以一定时间间隔陆续显示在柱状图展示区域时，将形成变量的值从小到大直至达到最终值的动画效果。
与上述流程实现对应，本申请的实施例还提供了一种应用在移动设备上的动画展现图像的装置。该装置可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为逻辑意义上的装置，是通过移动设备的CPU(Central Process Unit，中央处理器)将对应的计算机程序 指令读取到内存中运行形成的。从硬件层面而言，除了图6所示的CPU、内存以及非易失性存储器之外，在移动设备上动画展现图像的装置所在的移动设备通常还包括用于进行无线信号收发的芯片等其他硬件，和/或用于实现网络通信功能的板卡等其他硬件。
图7所示为本申请实施例提供的一种在移动设备上动画展现图像的装置，包括终点图片生成单元和动画展现单元，其中：终点图片生成单元用于在隐藏画布上绘制最终展现的图像，并将绘制完成的图像保存为终点图片；动画展现单元用于以一定的时间间隔，逐帧采用变化的显示参数在动画展现区域显示至少部分终点图片，直到最终显示终点图片；所述变化的显示参数根据动画效果确定。
可选的，所述显示参数包括：用于对终点图片进行处理得到各帧图像的终点图片处理参数、和用于确定各帧图像在动画展现区域显示位置的显示位置参数；相邻帧的终点图片处理参数和显示位置参数中至少有一个不相同。
一个例子中，所述显示参数包括：显示位置参数和根据动画效果确定的每帧的截图参数；所述动画展现单元具体用于：以一定的时间间隔，采用显示位置参数，在动画展现区域逐帧显示根据所述帧的截图参数截取的部分终点图片，直到最终显示全部终点图片。
另一个例子中，所述显示参数包括：根据动画效果确定的每帧的显示位置参数和截图参数；所述动画展现单元具体用于：以一定的时间间隔，逐帧采用所述帧的显示位置参数，在动画展现区域显示根据所述帧的截图参数截取的部分终点图片，直到最终显示全部终点图片。
再一个例子中，所述显示参数包括：显示位置参数和根据动画效果确定的每帧的压缩参数；所述动画展现单元具体用于：以一定的时间间隔，采用显示位置参数，在动画展现区域逐帧显示根据所述帧的压缩参数压缩后的终点图片，直到最终显示匹配于动画展现区域的终点图片。
可选的，所述隐藏画布与动画展现区域的形状及大小相同。
可选的，所述装置还包括：隐藏画布删除单元，用于在保存终点图片后，
删除隐藏画布。
以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。
在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白，本申请的实施例可提供为方法、***或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和 硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

Claims (14)

  1. 一种在移动设备上动画展现图像的方法，其特征在于，包括：
    在隐藏画布上绘制最终展现的图像，并将绘制完成的图像保存为终点图片；
    以一定的时间间隔，逐帧采用变化的显示参数在动画展现区域显示至少部分终点图片，直到最终显示终点图片；所述变化的显示参数根据动画效果确定。
  2. 根据权利要求1所述的方法，其特征在于，所述显示参数包括：用于对终点图片进行处理得到各帧图像的终点图片处理参数、和用于确定各帧图像在动画展现区域显示位置的显示位置参数；相邻帧的终点图片处理参数和显示位置参数中至少有一个不相同。
  3. 根据权利要求2所述的方法，其特征在于，所述显示参数包括：显示位置参数和根据动画效果确定的每帧的截图参数；
    所述以一定的时间间隔，逐帧采用变化的显示参数在动画展现区域显示至少部分终点图片，直到最终显示终点图片，包括：以一定的时间间隔，采用显示位置参数，在动画展现区域逐帧显示根据所述帧的截图参数截取的部分终点图片，直到最终显示全部终点图片。
  4. 根据权利要求2所述的方法，其特征在于，所述显示参数包括：根据动画效果确定的每帧的显示位置参数和截图参数；
    所述以一定的时间间隔，逐帧采用变化的显示参数在动画展现区域显示至少部分终点图片，直到最终显示终点图片，包括：以一定的时间间隔，逐帧采用所述帧的显示位置参数，在动画展现区域显示根据所述帧的截图参数截取的部分终点图片，直到最终显示全部终点图片。
  5. 根据权利要求2所述的方法，其特征在于，所述显示参数包括：显示位置参数和根据动画效果确定的每帧的压缩参数；
    所述以一定的时间间隔，逐帧采用变化的显示参数在动画展现区域显示 至少部分终点图片，直到最终显示终点图片，包括：以一定的时间间隔，采用显示位置参数，在动画展现区域逐帧显示根据所述帧的压缩参数压缩后的终点图片，直到最终显示匹配于动画展现区域的终点图片。
  6. 根据权利要求1所述的方法，其特征在于，所述隐藏画布与动画展现区域的形状及大小相同。
  7. 根据权利要求1所述的方法，其特征在于，所述方法还包括：在保存终点图片后，删除隐藏画布。
  8. 一种在移动设备上动画展现图像的装置，其特征在于，包括：
    终点图片生成单元，用于在隐藏画布上绘制最终展现的图像，并将绘制完成的图像保存为终点图片；
    动画展现单元，用于以一定的时间间隔，逐帧采用变化的显示参数在动画展现区域显示至少部分终点图片，直到最终显示终点图片；所述变化的显示参数根据动画效果确定。
  9. 根据权利要求8所述的装置，其特征在于，所述显示参数包括：用于对终点图片进行处理得到各帧图像的终点图片处理参数、和用于确定各帧图像在动画展现区域显示位置的显示位置参数；相邻帧的终点图片处理参数和显示位置参数中至少有一个不相同。
  10. 根据权利要求9所述的装置，其特征在于，所述显示参数包括：显示位置参数和根据动画效果确定的每帧的截图参数；
    所述动画展现单元具体用于：以一定的时间间隔，采用显示位置参数，在动画展现区域逐帧显示根据所述帧的截图参数截取的部分终点图片，直到最终显示全部终点图片。
  11. 根据权利要求9所述的装置，其特征在于，所述显示参数包括：根据动画效果确定的每帧的显示位置参数和截图参数；
    所述动画展现单元具体用于：以一定的时间间隔，逐帧采用所述帧的显示位置参数，在动画展现区域显示根据所述帧的截图参数截取的部分终点图片，直到最终显示全部终点图片。
  12. 根据权利要求9所述的装置，其特征在于，所述显示参数包括：显示位置参数和根据动画效果确定的每帧的压缩参数；
    所述动画展现单元具体用于：以一定的时间间隔，采用显示位置参数，在动画展现区域逐帧显示根据所述帧的压缩参数压缩后的终点图片，直到最终显示匹配于动画展现区域的终点图片。
  13. 根据权利要求8所述的装置，其特征在于，所述隐藏画布与动画展现区域的形状及大小相同。
  14. 根据权利要求8所述的装置，其特征在于，所述装置还包括：隐藏画布删除单元，用于在保存终点图片后，删除隐藏画布。
PCT/CN2017/105811 2016-10-19 2017-10-12 在移动设备上动画展现图像的方法和装置 WO2018072638A1 (zh)

Priority Applications (6)

Application Number Priority Date Filing Date Title
JP2019521097A JP2020500357A (ja) 2016-10-19 2017-10-12 モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス
SG11201903476UA SG11201903476UA (en) 2016-10-19 2017-10-12 Method and apparatus for animating images on mobile devices
KR1020197014230A KR102139439B1 (ko) 2016-10-19 2017-10-12 모바일 디바이스 상에 이미지를 애니메이팅하기 위한 방법 및 장치
EP17862403.7A EP3531278A4 (en) 2016-10-19 2017-10-12 METHOD AND DEVICE FOR PRESENTING AN ANIMATION PICTURE ON A MOBILE DEVICE
PH12019500837A PH12019500837A1 (en) 2016-10-19 2019-04-16 Method and apparatus for animating images on mobile devices
US16/388,599 US10573053B2 (en) 2016-10-19 2019-04-18 Method and apparatus for animating images on mobile devices

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201610913050.8 2016-10-19
CN201610913050.8A CN107015788B (zh) 2016-10-19 2016-10-19 在移动设备上动画展现图像的方法和装置

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US16/388,599 Continuation US10573053B2 (en) 2016-10-19 2019-04-18 Method and apparatus for animating images on mobile devices

Publications (1)

Publication Number Publication Date
WO2018072638A1 true WO2018072638A1 (zh) 2018-04-26

Family

ID=59439108

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/105811 WO2018072638A1 (zh) 2016-10-19 2017-10-12 在移动设备上动画展现图像的方法和装置

Country Status (9)

Country Link
US (1) US10573053B2 (zh)
EP (1) EP3531278A4 (zh)
JP (2) JP2020500357A (zh)
KR (1) KR102139439B1 (zh)
CN (1) CN107015788B (zh)
PH (1) PH12019500837A1 (zh)
SG (1) SG11201903476UA (zh)
TW (1) TWI686768B (zh)
WO (1) WO2018072638A1 (zh)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107015788B (zh) * 2016-10-19 2020-10-30 创新先进技术有限公司 在移动设备上动画展现图像的方法和装置
CN107908341B (zh) * 2017-09-30 2020-05-05 广州视睿电子科技有限公司 图像显示方法、***、计算机可读存储介质和计算机设备
CN109829956A (zh) * 2017-11-23 2019-05-31 腾讯科技（深圳）有限公司 数据显示方法、装置及电子设备
CN110969683A (zh) * 2018-09-30 2020-04-07 北京奇虎科技有限公司 一种动画生成方法、装置及电子设备
CN109783102B (zh) * 2019-01-18 2022-04-12 北京城市网邻信息技术有限公司 一种小程序中Canvas画布生成的方法、装置、设备和存储介质
CN111192349B (zh) * 2019-11-21 2024-02-20 深圳国匠云职业教育科技有限公司 一种发动机内燃运作的图像显示方法、***及终端
CN111078345B (zh) * 2019-12-18 2023-09-19 北京金山安全软件有限公司 一种图片展示效果确定方法、装置、电子设备及存储介质
JP7180050B2 (ja) * 2019-12-27 2022-11-30 株式会社覚王山総研 情報処理装置、情報処理方法およびプログラム
CN111273976A (zh) * 2020-01-09 2020-06-12 北京金山安全软件有限公司 一种动画轮播方法及装置
CN112435313A (zh) * 2020-11-10 2021-03-02 北京百度网讯科技有限公司 播放帧动画的方法、装置、电子设备及可读存储介质
CN113610947A (zh) * 2021-08-09 2021-11-05 平安国际智慧城市科技股份有限公司 动画生成方法、装置、计算机设备及存储介质
CN117115313B (zh) * 2023-10-23 2024-02-02 成都工业学院 一种动画帧图像显示时间优化方法、***、终端及介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140028685A1 (en) * 2008-10-17 2014-01-30 Marcos Weskamp Generating customized effects for image presentation
CN105786417A (zh) * 2014-12-19 2016-07-20 阿里巴巴集团控股有限公司 一种静态图片的动态显示方法、装置及设备
CN105988762A (zh) * 2015-02-10 2016-10-05 腾讯科技（深圳）有限公司 动画帧的显示方法、隐藏方法及装置
CN105988793A (zh) * 2015-02-11 2016-10-05 阿里巴巴集团控股有限公司 用于屏幕显示设备的图像展示方法及装置
CN107015788A (zh) * 2016-10-19 2017-08-04 阿里巴巴集团控股有限公司 在移动设备上动画展现图像的方法和装置

Family Cites Families (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005303907A (ja) * 2004-04-15 2005-10-27 Fuji Photo Film Co Ltd 画像編集装置，方法およびプログラム
JP3846488B2 (ja) * 2004-05-10 2006-11-15 セイコーエプソン株式会社 画像データ圧縮装置、エンコーダ、電子機器及び画像データ圧縮方法
US8453148B1 (en) * 2005-04-06 2013-05-28 Teradici Corporation Method and system for image sequence transfer scheduling and restricting the image sequence generation
EP1995961A4 (en) * 2006-03-14 2012-08-15 Sony Corp IMAGE PROCESSING DEVICE AND METHOD
US20080055315A1 (en) * 2006-09-05 2008-03-06 Dale Ducharme Method and System to Establish and Animate a Coordinate System for Content on a Display
JP2009151896A (ja) * 2007-12-21 2009-07-09 Sony Corp 画像処理装置、動画再生装置、これらにおける処理方法およびプログラム
JP4623201B2 (ja) * 2008-10-27 2011-02-02 ソニー株式会社 画像処理装置、画像処理方法およびプログラム
US20100110081A1 (en) * 2008-10-30 2010-05-06 Microsoft Corporation Software-aided creation of animated stories
JP2010244450A (ja) * 2009-04-09 2010-10-28 Yappa Corp 画像処理装置及び画像処理方法
US9672646B2 (en) * 2009-08-28 2017-06-06 Adobe Systems Incorporated System and method for image editing using visual rewind operation
US20120013621A1 (en) * 2010-07-15 2012-01-19 Miniclip SA System and Method for Facilitating the Creation of Animated Presentations
CN102411791B (zh) * 2010-09-19 2013-09-25 三星电子（中国）研发中心 一种静止图像动态化的方法和设备
CN102903137B (zh) * 2011-07-27 2016-09-21 腾讯科技（深圳）有限公司 动画播放方法及***
CN103177465B (zh) * 2011-12-26 2016-04-13 腾讯科技（深圳）有限公司 动画控制方法及***
US20130263024A1 (en) * 2012-01-20 2013-10-03 Vistaprint Limited Organizing and Recalling Website Commands in a Website Under Contruction
US10359919B2 (en) * 2013-03-14 2019-07-23 Microsoft Technology Licensing, Llc Staged animation of charts for data updates
US9823810B2 (en) * 2013-04-26 2017-11-21 Samsung Electronics Co., Ltd. Electronic system with interface modification mechanism and method of operation thereof
CN104967893B (zh) * 2014-07-10 2019-03-29 腾讯科技（北京）有限公司 便携电子设备的视频生成方法和装置
CN104123742A (zh) * 2014-07-21 2014-10-29 徐才 一种将静态漫画图片转化为二维动画的方法和播放器
CN105138213A (zh) * 2015-09-30 2015-12-09 天脉聚源（北京）科技有限公司 动态切换图片的方法和装置
CN105719332B (zh) * 2016-01-20 2019-02-19 阿里巴巴集团控股有限公司 色彩补间动画的实现方法和装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140028685A1 (en) * 2008-10-17 2014-01-30 Marcos Weskamp Generating customized effects for image presentation
CN105786417A (zh) * 2014-12-19 2016-07-20 阿里巴巴集团控股有限公司 一种静态图片的动态显示方法、装置及设备
CN105988762A (zh) * 2015-02-10 2016-10-05 腾讯科技（深圳）有限公司 动画帧的显示方法、隐藏方法及装置
CN105988793A (zh) * 2015-02-11 2016-10-05 阿里巴巴集团控股有限公司 用于屏幕显示设备的图像展示方法及装置
CN107015788A (zh) * 2016-10-19 2017-08-04 阿里巴巴集团控股有限公司 在移动设备上动画展现图像的方法和装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP3531278A4 *

Also Published As

Publication number Publication date
EP3531278A1 (en) 2019-08-28
KR20190071764A (ko) 2019-06-24
SG11201903476UA (en) 2019-05-30
PH12019500837B1 (en) 2019-11-25
US10573053B2 (en) 2020-02-25
JP2021157834A (ja) 2021-10-07
US20190251731A1 (en) 2019-08-15
JP2020500357A (ja) 2020-01-09
KR102139439B1 (ko) 2020-07-30
EP3531278A4 (en) 2019-10-23
CN107015788A (zh) 2017-08-04
PH12019500837A1 (en) 2019-11-25
CN107015788B (zh) 2020-10-30
TW201816713A (zh) 2018-05-01
TWI686768B (zh) 2020-03-01

Similar Documents

Publication Publication Date Title
WO2018072638A1 (zh) 在移动设备上动画展现图像的方法和装置
US11344806B2 (en) Method for rendering game, and method, apparatus and device for generating game resource file
JP6062438B2 (ja) タイル単位レンダラーを用いてレイヤリングするシステムおよび方法
WO2017173781A1 (zh) 视频帧截取方法和装置
JP6882992B2 (ja) 動画像をプレビューする方法及びデバイス、並びに表現パッケージを表示する方法及びデバイス
WO2017024964A1 (zh) 一种物品关联图片快速预览的方法以及装置
US20140164911A1 (en) Preserving layout of region of content during modification
CN110163866A (zh) 一种图像处理方法、电子设备及计算机可读存储介质
Luo et al. Multi-operator image retargeting with automatic integration of direct and indirect seam carving
CN113538502A (zh) 图片裁剪方法、装置、电子设备及存储介质
US10115012B1 (en) Capture object boundary jitter reduction
WO2019018062A1 (en) AUTOMATIC IMAGE ORGANIZATION IN IMAGE GRID LAYOUT
CN107621951B (zh) 一种视图层级优化的方法及装置
CN107924574B (zh) 针对分组对象的智能翻转操作
US8687011B2 (en) Techniques for efficient sampling for image effects
US20230056599A1 (en) System and method for rendering a design including a dynamic design element
US20220343572A1 (en) Systems and methods for converting composite image data
CN115809956B (zh) 图形处理器性能分析方法、装置、计算机设备和存储介质
CN117197305A (zh) 用于显示五官特效的方法、装置及计算机可读介质
CN117520677A (zh) 对三维模型预览的方法、预览装置、电子设备及存储介质
CN116932490A (zh) 图片加载方法、装置、计算机设备和存储介质
Hagiwara et al. Data compression using multiple videos for photo-based augmented reality system
CN118115651A (zh) 基于gpu计算着色器的图像渲染方法、设备及可读介质
CN115774510A (zh) 分辨率适配方法、装置、计算机设备和存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 17862403

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2019521097

Country of ref document: JP

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE

ENP Entry into the national phase

Ref document number: 20197014230

Country of ref document: KR

Kind code of ref document: A

ENP Entry into the national phase

Ref document number: 2017862403

Country of ref document: EP

Effective date: 20190520