WO2023207563A1 - 一种图像渲染方法及装置、存储介质 - Google Patents

一种图像渲染方法及装置、存储介质 Download PDF

Info

Publication number
WO2023207563A1
WO2023207563A1 PCT/CN2023/087240 CN2023087240W WO2023207563A1 WO 2023207563 A1 WO2023207563 A1 WO 2023207563A1 CN 2023087240 W CN2023087240 W CN 2023087240W WO 2023207563 A1 WO2023207563 A1 WO 2023207563A1
Authority
WO
WIPO (PCT)
Prior art keywords
animation
rendering
frame
data
information
Prior art date
Application number
PCT/CN2023/087240
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 北京沃东天骏信息技术有限公司
Publication of WO2023207563A1 publication Critical patent/WO2023207563A1/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/001—Texturing; Colouring; Generation of texture or colour

Definitions

  • This application relates to the technical field of dynamic image processing, and involves but is not limited to an image rendering method and device, and a storage medium.
  • a template editor is usually used to render the received image data and then display the image data. Since the content rendered by the template editor is a static resource, that is, a frame of data in the video, when using the template editor When the template editor renders video data, the template editor also renders the video data into one frame of data, making it impossible to export video data using the template editor, which reduces the intelligence of using the template editor to obtain video data.
  • embodiments of the present application are expected to provide an image rendering method, device, and storage medium, which can improve the intelligence when using a template editor to obtain video data.
  • An embodiment of the present application provides an image rendering method.
  • the image rendering method includes:
  • An embodiment of the present application provides an image rendering device, which includes:
  • the transmission part is configured to, when receiving animation data, transmit the animation data to the animation rendering module through the layer rendering interface;
  • the determination part is configured to use the animation rendering module to determine the animation frame attributes corresponding to the animation data according to the preset frame information;
  • the rendering part is configured to render the animation frame attribute into the animation data to obtain rendering data, and obtain the animation data from the rendering data according to the animation frame attribute.
  • An embodiment of the present application provides an image rendering device, which includes:
  • a memory a processor and a communication bus
  • the memory communicates with the processor through the communication bus
  • the memory stores an image rendering program executable by the processor, when the image rendering program is executed , the processor executes the above-mentioned image rendering method.
  • An embodiment of the present application provides a storage medium on which a computer program is stored, which is used in an image rendering device.
  • the computer program is executed by a processor, the above-mentioned image rendering method is implemented.
  • Embodiments of the present application provide an image rendering method, device, and storage medium.
  • the image rendering method includes: when receiving animated image data, transmitting the animated image data to the animated image rendering module through a layer rendering interface; using the animated image rendering module.
  • the graph rendering module determines the animation frame attributes corresponding to the animation data based on the preset frame information; renders the animation frame attributes into the animation data to obtain the rendering data, and obtains the animation data from the rendering data according to the animation frame attributes.
  • the image rendering device uses the animation rendering module to determine the animation frame attributes corresponding to the animation data, and renders the animation frame attributes into the animation data to obtain the rendering data, so that each element in the animation data is The frame data corresponds to different animation frame attributes.
  • the animation rendering device can compile from the template according to the animation frame attributes.
  • the corresponding animation data is obtained from the editor, which improves the intelligence when using the template editor to obtain animation data.
  • Figure 1 is a flow chart of an image rendering method provided by an embodiment of the present application.
  • Figure 2 is a schematic diagram of an exemplary template editor provided by an embodiment of the present application.
  • Figure 3 is a schematic diagram of the connection between an exemplary image rendering module and a template editor provided by an embodiment of the present application;
  • Figure 4 is Figure 1 of an exemplary editor rendering example provided by the embodiment of the present application.
  • Figure 5 is Figure 2 of an exemplary editor rendering example provided by the embodiment of the present application.
  • Figure 6 is Figure 3 of an exemplary editor rendering example provided by the embodiment of the present application.
  • Figure 7 is an exemplary image rendering execution flow chart provided by an embodiment of the present application.
  • Figure 8 is a schematic structural diagram 1 of an image rendering device provided by an embodiment of the present application.
  • Figure 9 is a schematic diagram 2 of the composition and structure of an image rendering device provided by an embodiment of the present application.
  • FIG. 1 is a flow chart of an image rendering method provided by the embodiment of the present application. As shown in Figure 1, the image rendering method can include:
  • the image rendering method provided by the embodiment of the present application is suitable for rendering animation data.
  • the image rendering device can be implemented in various forms.
  • the image rendering device described in this application may include mobile phones, cameras, tablet computers, notebook computers, PDAs, personal digital assistants (Personal Digital Assistant, PDA), portable media players (Portable Media Player, PMP), Navigation devices, wearable devices, smart bracelets, pedometers and other devices, as well as devices such as digital TVs, desktop computers, servers and other devices.
  • the animated picture data can be video data; the animated picture data can also be media data; the animated picture data can also be other data, and the specific animated picture data can be determined according to the actual situation. There is no limit to this.
  • the image rendering device includes a template editor and a motion picture rendering module.
  • the template editor is used to receive motion picture data and transmit the motion picture data to the motion picture rendering module through the layer rendering interface on the template editor.
  • module; the animation rendering module is used to determine the animation frame attributes corresponding to the animation data, and then transfer the rendered animation data (rendering data) to the template editor through the layer rendering interface to utilize the views in the template editor
  • the container displays this rendering data.
  • the layer rendering interface may be a customized layer renderer, that is, the template editor is provided with a customized layer renderer, so that when the template editor receives animation data, Transfer animation data to the animation rendering module through the custom layer renderer on the template editor.
  • the layer rendering interface can also be other data transmission interfaces used to transmit animation data to the animation rendering module.
  • the specific details can be determined according to the actual situation, which is not limited in the embodiments of this application.
  • the process of the image rendering device transmitting the animated image data to the animated image rendering module through the layer rendering interface includes: the image rendering device uses the layer rendering adapter to detect whether the animated image data carries the layer rendering interface. Attribute information; when the image rendering device determines that the animation data carries attribute information, it transmits the animation data to the animation through the layer rendering interface. Rendering module.
  • the attribute information can be the identification information of the layer rendering interface; the attribute information can also be the name information of the layer rendering interface; the attribute information can also be other information of the layer rendering interface; the specific attribute information can be The determination is made based on the actual situation, which is not limited in the embodiments of this application.
  • the image rendering device before the image rendering device transmits the moving image data to the moving image rendering module through the layer rendering interface, the image rendering device establishes the moving image rendering module when receiving the triggering instruction of the rendering trigger.
  • the template editor (editor) in the image rendering device as shown in Figure 2 includes: layer data set, layer rendering data set, context, renderer, layer rendering adapter, view container, Customized layer renderer (layer rendering interface) and rendering trigger.
  • the template editor receives the template data (animated image data)
  • it uses the layer rendering adapter to detect whether the animated image data carries the attribute information of the layer rendering interface
  • the image rendering device determines whether the animated image data carries the attribute information.
  • the image rendering device divides the animation data into a layer data set and a layer rendering data set, and sequentially converts the layer data and layer data corresponding to each layer in the animation data through the layer rendering interface.
  • the rendering data is transmitted to the animation rendering module, so that the animation rendering module can render the data of each layer separately to obtain the rendering data, and the animation data can be obtained from the rendering data according to the animation frame attributes.
  • the view container is used to display rendering data;
  • the context is used to store the setting information corresponding to the template editor and the data environment of the template editor;
  • the renderer is used to render static elements according to the setting information or data environment in the context;
  • the rendering trigger is used to After receiving the trigger command, establish the animation rendering module.
  • the image rendering device can use the animation rendering module to determine the animation data corresponding to the animation data based on the preset frame information. Frame properties.
  • the preset frame information may be frame information configured in the image rendering device; the preset frame information may also be frame information transmitted by other devices received by the image rendering device; a specific image rendering device obtains the preset frame information.
  • the method of setting the frame information can be determined according to the actual situation, and this is not limited in the embodiments of the present application.
  • the animation frame attribute may be an animation attribute that identifies each frame of image in the animation data; for example, the animation frame attribute is the frame information corresponding to each frame of image in the animation data.
  • the process of the image rendering device using the animation rendering module to determine the animation frame attributes corresponding to the animation data according to the preset frame information includes: the image rendering device uses the animation rendering module to perform the animation according to the preset frame information.
  • the target transition frame is obtained from the image data; the image rendering device determines the dynamic effect frame attributes according to the preset frame information and the preset frame information.
  • the image rendering device uses the animation rendering module to obtain the target transition frame in the animation data according to the preset frame information, including: the image rendering device obtains the layer data in the animation data; and obtains the image At least one transition frame in the layer data; the image rendering device obtains a target transition frame that matches the preset frame information in at least one transition frame.
  • the image rendering device further includes a frame selector, and the image rendering device can use the frame selector to obtain a target transition frame that matches the preset frame information in at least one transition frame.
  • the layer data includes a frame list.
  • Each item in the frame list represents a transition frame.
  • Each item includes a start frame, an end frame, a start frame attribute, and a received frame attribute.
  • the transition frame of 2 is c, which also corresponds to a start frame, an end frame, a start frame attribute, and an end frame attribute.
  • the frame selector obtains the target transition frame that matches the preset frame information in at least one transition frame.
  • the frame selector can find at least one transition frame in the layer data, as shown in Table 2. For example, the ID is 1 (the corresponding width is 100, the height is 100, and the coordinates are 100,100) and the frame list data of layer 1 in Table 1.
  • the preset frame information is 2, it matches the preset frame information.
  • the target transition frames of the transition frames are a and b. In the case where the preset frame information is 4, the transition frame of the target transition frame matching the preset frame information is a.
  • the image rendering device determines the dynamic effect frame attributes based on the preset frame information and the preset frame information, including: the image rendering device obtains the starting frame and the starting frame of the starting frame from the target transition frame. attribute information, the end frame and the end frame attribute information of the end frame; the image rendering device determines the proportion information of the preset frame information between the start frame and the end frame; the image rendering device determines the proportion information between the start frame and the end frame based on the proportion information, the start frame attribute information and the end frame The attribute information determines the animation frame attributes.
  • the image rendering device can also use other methods to determine the dynamic frame attributes based on the preset frame information, the start frame, the end frame, the start frame attribute information, and the end frame attribute information; specifically, it can be based on the actual situation. Determination is made, which is not limited by the embodiments of this application.
  • the animation rendering module also includes a motion effect calculator.
  • the image rendering device can use the motion effect calculator in the motion rendering module to determine the proportion information of the preset frame information between the start frame and the end frame. ; Then use the motion effect calculator to determine the motion effect frame attributes based on the proportion information, starting frame attribute information and end frame attribute information.
  • the image rendering device before the image rendering device uses the animation rendering module to determine the animation frame attributes corresponding to the animation data based on the preset frame information, the image rendering device also receives the preset frame information.
  • the animation rendering module also includes a frame controller, and the image rendering device can use the frame controller to receive preset frame information.
  • the image rendering device can render the animation frame attributes into the animation data, obtaining Render data to obtain animation data from the rendering data based on the animation frame properties.
  • the image rendering device renders the dynamic effect frame attributes into the animated image data
  • the process of obtaining the rendering data includes: the image rendering device renders the layer data in the animated image data to obtain the initial container; the image The rendering device renders the layer rendering data in the animation data into the initial container to obtain a rendering container; the image rendering device adds the animation frame attributes to the rendering container to obtain rendering data.
  • the animation rendering module also includes an animation renderer.
  • the image rendering device can use the animation renderer to render the layer data in the animation data to obtain the initial container; and then use the animation renderer Render the layer rendering data in the animation data to the initial container, Obtain the rendering container; finally, use the animation renderer to add the animation frame attributes to the rendering container to obtain the rendering data.
  • the initial container is a container with specified width and height coordinates.
  • the style of the container will affect the style of the container content. For example, if the transparency of the container is 50%, if the transparency of the container content is also 50%, the actual effect will be 25%. This logic is common in graphics rendering and belongs to The existing basic functions will not be described in detail here.
  • the image rendering device adds the dynamic frame attribute to the rendering container. After obtaining the rendering data, the image rendering device can use the view container to display the rendering data.
  • the moving picture rendering module in the image rendering device is shown in Figure 3.
  • the moving picture rendering module It includes five components: animation context (context), frame controller, animation renderer, frame selector, and animation calculator.
  • the animation context is used to store the data required by the animation rendering module, including preset frame information and layer data (data obtained from template data);
  • the frame controller is used to receive externally transmitted preset frame information ( number of frames), the preset frame information is stored in the animation context, and then the rendering trigger is triggered.
  • Use the frame selector to obtain the layer data of the animation context, and obtain the frame list (at least one transition frame) in the layer data.
  • Each item in the list represents a transition frame, and each item includes the start frame and the end frame. At the same time It also contains multiple start frame attribute information and end frame attribute information.
  • the frame selector After obtaining the frame list, the frame selector also obtains the preset frame information in the animation context, and obtains the target transition frame that matches the preset frame information in at least one transition frame.
  • the motion effect calculator is used to receive the target transition frame and determine the motion effect frame attributes through the preset frame information of the motion picture context.
  • the animation renderer is used to receive layer rendering data (data obtained from template data) and layer data.
  • the animation renderer stores the layer data in the animation context, and executes the frame selector, using the frame selector to determine For the target transition frame, use the motion effect calculator to obtain the motion effect frame attributes based on the target transition frame and the layer data in the animation context.
  • the animation renderer renders an initial container with specified width, height/coordinates based on the layer data, and renders the layer rendering data into the initial container to obtain a rendering container. Finally, the animation frame attributes are set to the rendering container. Get the rendering data and go to the template editor (editor) through the layer rendering interface (custom layer renderer), and use the template editor to display the rendering data.
  • the frame controller is only responsible for triggering after the preset frame information changes.
  • the rendering result of Table 2 without animation rendering is shown in Figure 4: an image with a width of 100 and a height of 100 is displayed at the coordinates 100,100.
  • b Take the data of the transition frame as an example.
  • the rendering data of the second frame is shown in Figure 5: an image with a transparency of 75 and a rotation angle of 45.
  • the image rendering device sets template data on the calling side and creates a template editor.
  • the template editor includes a rendering trigger.
  • the image rendering device receives the triggering instruction of the rendering trigger.
  • create an animation rendering module Set the layer rendering interface (custom renderer) of the template editor on the calling side.
  • the image rendering device uses the frame controller to receive the preset frame information (number of frames), and sets the preset frame information into the animation context (context). Then the rendering trigger is triggered, and the rendering trigger notifies the template editor to render.
  • the template editor when the template editor receives the animation data, it uses the layer rendering adapter to detect whether the animation data carries the attribute information of the layer rendering interface; after determining whether the animation data carries the attribute information
  • the animation data is transferred to the animation renderer of the animation rendering module through the layer rendering interface (call); the animation renderer sets the layer data in the animation data to the context, and the frame selector is drawn from the context.
  • the motion effect calculator is used to receive the target transition frame, obtain the start frame, the start frame attribute information of the start frame, the end frame and the end frame attribute information of the end frame from the target transition frame; determine the preset frame information in the start frame and the end frame; determine the animation frame attributes based on the proportion information, start frame attribute information, and end frame attribute information; render the initial container based on the layer data in the animation data; convert the image in the animation data Render the layer rendering data into the initial container to get the rendering container; add the animation frame attributes to the rendering container to get
  • the target container returns the target container (rendered content) to the template editor to determine the corresponding relationship based on the target container and obtain the animation data based on the corresponding relationship.
  • the image rendering device uses the animation rendering module to determine the animation frame attributes corresponding to the animation data, and renders the animation frame attributes into the animation data to obtain the rendering data, so that each frame in the animation data The data corresponds to different animation frame attributes.
  • the animation rendering device can obtain the corresponding animation data from the template editor according to the animation frame attributes, which improves the intelligence of using the template editor to obtain animation data.
  • the embodiment of the present application provides an image rendering device 1, corresponding to an image rendering method;
  • Figure 8 is a schematic structural diagram of an image rendering device provided by the embodiment of the present application.
  • the image rendering device 1 may include:
  • the transmission part 11 is configured to, when receiving animation data, transmit the animation data to the animation rendering module through the layer rendering interface;
  • the determination part 12 is configured to use the animation rendering module to determine the animation frame attributes corresponding to the animation data according to the preset frame information;
  • the rendering part 13 is configured to render the animation frame attributes into the animation data to obtain rendering data, and obtain the animation data from the rendering data according to the animation frame attributes.
  • the device further includes an acquisition part
  • the acquisition part is configured to use the animation rendering module to obtain a target transition frame in the animation data according to the preset frame information
  • the determining part 12 is configured to determine the dynamic effect frame attribute according to the preset frame information and the preset frame information.
  • the acquisition part is configured to acquire the start frame, the start frame attribute information of the start frame, the end frame, and the end frame of the end frame from the target transition frame. attribute information;
  • the determining part 12 is configured to determine whether the preset frame information is in the starting frame and the ending frame. Proportion information between bundle frames; determine the dynamic effect frame attributes according to the proportion information, the start frame attribute information and the end frame attribute information.
  • the acquisition part is configured to acquire layer data in the animation data; and acquire at least one transition frame in the layer data; in the at least one transition frame Obtain the target transition frame that matches the preset frame information.
  • the device further includes a receiving part
  • the receiving part is configured to receive preset frame information.
  • the device further includes an additional part
  • the rendering part 13 is configured to render the layer data in the animation data to obtain an initial container; render the layer rendering data in the animation data into the initial container to obtain a rendering container;
  • the adding part is configured to add the dynamic effect frame attribute to the rendering container to obtain the rendering data.
  • the device further includes a display part
  • the display part is configured to display the rendering data using a view container.
  • the device further includes a detection part
  • the detection part is configured to use the layer rendering adapter to detect whether the animation data carries attribute information of the layer rendering interface
  • the transmission part 11 is configured to transmit the animation data to the animation rendering module through the layer rendering interface when it is determined that the attribute information is carried in the animation data.
  • the device further includes a establishing part
  • the establishment part is configured to establish the animation rendering module upon receiving a triggering instruction of a rendering trigger.
  • the above-mentioned transmission part 11, determination part 12 and rendering part 13 can be implemented by the processor 14 on the image rendering device 1, specifically a CPU (Central Processing Unit, central processing unit), MPU (Microprocessor) Unit, microprocessor), DSP (Digital Signal Processing, Digital Signal Processor) or Field Programmable Gate Array (FPGA, Field Programmable Gate Array), etc.; the above data storage can be implemented by the memory 15 on the image rendering device 1 .
  • CPU Central Processing Unit, central processing unit
  • MPU Microprocessor
  • DSP Digital Signal Processing, Digital Signal Processor
  • FPGA Field Programmable Gate Array
  • the embodiment of the present application also provides an image rendering device 1.
  • the image rendering device 1 includes: a processor 14, a memory 15 and a communication bus 16.
  • the memory 15 communicates with the user through the communication bus 16.
  • the processor 14 communicates, and the memory 15 stores a program executable by the processor 14.
  • the image rendering method as described above is executed by the processor 14.
  • the above-mentioned memory 15 can be a volatile memory (volatile memory), such as a random access memory (Random-Access Memory, RAM); or a non-volatile memory (non-volatile memory), such as a read-only memory (Read-Only Memory, ROM), flash memory (flash memory), hard disk (Hard Disk Drive, HDD) or solid-state drive (Solid-State Drive, SSD); or a combination of the above types of memory, and to the processor 14 Provide instructions and data.
  • volatile memory such as a random access memory (Random-Access Memory, RAM)
  • non-volatile memory such as a read-only memory (Read-Only Memory, ROM), flash memory (flash memory), hard disk (Hard Disk Drive, HDD) or solid-state drive (Solid-State Drive, SSD); or a combination of the above types of memory, and to the processor 14 Provide instructions and data.
  • Embodiments of the present application provide a computer-readable storage medium with a computer program thereon.
  • the program is executed by the processor 14, the image rendering method as described above is implemented.
  • the image rendering device uses the animation rendering module to determine the animation frame attributes corresponding to the animation data, and renders the animation frame attributes into the animation data to obtain the rendering data, so that each frame in the animation data The data corresponds to different animation frame attributes.
  • the animation rendering device can obtain the corresponding animation data from the template editor according to the animation frame attributes, which improves the intelligence of using the template editor to obtain animation data.
  • embodiments of the present application may be provided as methods, systems, or computer program products. Accordingly, the present application may take the form of a hardware embodiment, a software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product implemented on one or more computer-usable storage media (including, but not limited to, magnetic disk storage and optical storage, etc.) embodying computer-usable program code therein.
  • a computer-usable storage media including, but not limited to, magnetic disk storage and optical storage, etc.
  • These computer program instructions may also be stored in a computer-readable memory that causes a computer or other programmable data processing apparatus to operate in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including the instruction means, the instructions
  • the device implements the functions specified in a process or processes of the flowchart and/or a block or blocks of the block diagram.
  • These computer program instructions may also be loaded onto a computer or other programmable data processing device, causing a series of operating steps to be performed on the computer or other programmable device to produce computer-implemented processing, thereby executing on the computer or other programmable device.
  • Instructions provide steps for implementing the functions specified in a process or processes of a flowchart diagram and/or a block or blocks of a block diagram.
  • Embodiments of the present application provide an image rendering method, device, and storage medium.
  • the image rendering method includes: when receiving animated image data, transmitting the animated image data to the animated image rendering module through a layer rendering interface; using the animated image rendering module.
  • the graph rendering module determines the animation frame attributes corresponding to the animation data based on the preset frame information; renders the animation frame attributes into the animation data to obtain the rendering data, and obtains the animation data from the rendering data according to the animation frame attributes.
  • image rendering uses the animation rendering module to determine the animation frame attributes corresponding to the animation data, and renders the animation frame attributes into the animation data to obtain the rendering data, so that each frame of data in the animation data corresponds to different
  • the animation rendering device can obtain the corresponding animation data from the template editor according to the animation frame attribute, which improves the intelligence when using the template editor to obtain animation data.

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Processing Or Creating Images (AREA)
  • Television Signal Processing For Recording (AREA)

Abstract

本申请实施例公开了一种图像渲染方法及装置、存储介质，包括：在接收到动图数据的情况下，通过图层渲染接口将动图数据传输至动图渲染模块；利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性；将动效帧属性渲染至动图数据中，得到渲染数据，以根据动效帧属性从渲染数据中获取动图数据。

Description

一种图像渲染方法及装置、存储介质
相关申请的交叉引用
本申请要求在2022年04月26日提交中国专利局、申请号为202210450108.5、申请名称为“一种图像渲染方法及装置、存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及动态图像处理技术领域，涉及但不限于一种图像渲染方法及装置、存储介质。
背景技术
相关技术中，通常是利用模板编辑器对接收到的图像数据进行渲染，然后显示该图像数据，由于模板编辑器渲染的内容都属于静态资源，即为视频中的一帧数据，在利用模板编辑器对视频数据进行渲染的情况下，模板编辑器也就将该视频数据渲染成一帧数据，使得利用模板编辑器无法导出视频数据，降低了利用模板编辑器获取视频数据时的智能性。
发明内容
为解决上述技术问题，本申请实施例期望提供一种图像渲染方法及装置、存储介质，能够提高利用模板编辑器获取视频数据时的智能性。
本申请的技术方案是这样实现的：
本申请实施例提供一种图像渲染方法，所述图像渲染方法包括：
在接收到动图数据的情况下，通过图层渲染接口将所述动图数据传输至动图渲染模块；
利用所述动图渲染模块根据预设帧信息确定所述动图数据对应的动效 帧属性；
将所述动效帧属性渲染至所述动图数据中，得到渲染数据，以根据所述动效帧属性从所述渲染数据中获取所述动图数据。
本申请实施例提供了一种图像渲染装置，所述装置包括：
传输部分，配置于在接收到动图数据的情况下，通过图层渲染接口将所述动图数据传输至动图渲染模块；
确定部分，配置于利用所述动图渲染模块根据预设帧信息确定所述动图数据对应的动效帧属性；
渲染部分，配置于将所述动效帧属性渲染至所述动图数据中，得到渲染数据，以根据所述动效帧属性从所述渲染数据中获取所述动图数据。
本申请实施例提供了一种图像渲染装置，所述装置包括：
存储器、处理器和通信总线，所述存储器通过所述通信总线与所述处理器进行通信，所述存储器存储所述处理器可执行的图像渲染的程序，当所述图像渲染的程序被执行时，通过所述处理器执行上述所述的图像渲染方法。
本申请实施例提供了一种存储介质，其上存储有计算机程序，应用于图像渲染装置，该计算机程序被处理器执行时实现上述所述的图像渲染方法。
本申请实施例提供了一种图像渲染方法及装置、存储介质，图像渲染方法包括：在接收到动图数据的情况下，通过图层渲染接口将动图数据传输至动图渲染模块；利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性；将动效帧属性渲染至动图数据中，得到渲染数据，以根据动效帧属性从渲染数据中获取动图数据。采用上述方法实现方案，图像渲染装置利用动图渲染模块确定出动图数据对应的动效帧属性，并将动效帧属性渲染至动图数据中，得到渲染数据，使得动图数据中的每一帧数据都对应存在不同的动效帧属性，动图渲染装置可以根据动效帧属性从模板编 辑器中获取到对应的动图数据，提高了利用模板编辑器获取动图数据时的智能性。
附图说明
此处的附图被并入说明书中构成本说明书的一部分，这些附图示出了符合本申请的实施例，并与说明书一起用于说明本申请的技术方案。
图1为本申请实施例提供的一种图像渲染方法流程图；
图2为本申请实施例提供的一种示例性的模板编辑器示意图；
图3为本申请实施例提供的一种示例性的图像渲染模块和模板编辑器的连接示意图；
图4为本申请实施例提供的一种示例性的编辑器渲染示例图一；
图5为本申请实施例提供的一种示例性的编辑器渲染示例图二；
图6为本申请实施例提供的一种示例性的编辑器渲染示例图三；
图7为本申请实施例提供的一种示例性的图像渲染执行流程图；
图8为本申请实施例提供的一种图像渲染装置的组成结构示意图一；
图9为本申请实施例提供的一种图像渲染装置的组成结构示意图二。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
本申请实施例提供了一种图像渲染方法，一种图像渲染方法应用于图像渲染装置，图1为本申请实施例提供的一种图像渲染方法流程图，如图1所示，图像渲染方法可以包括：
S101、在接收到动图数据的情况下，通过图层渲染接口将动图数据传输至动图渲染模块。
本申请实施例提供的一种图像渲染方法适用于对动图数据进行渲染的场景下。
在本申请实施例中，图像渲染装置可以以各种形式来实施。例如，本申请中描述的图像渲染装置可以包括诸如手机、照相机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(Personal Digital Assistant，PDA)、便捷式媒体播放器(Portable Media Player，PMP)、导航装置、可穿戴设备、智能手环、计步器等装置，以及诸如数字TV、台式计算机、服务器等装置。
在本申请实施例中，动图数据可以为视频数据；动图数据也可以为媒体数据；动图数据还可以为其他的数据，具体的动图数据可以根据实际情况进行确定，本申请实施例对此不作限定。
在本申请实施例中，图像渲染装置中包括模板编辑器和动图渲染模块，模板编辑器用于接收动图数据，并通过模板编辑器上的图层渲染接口将动图数据传输至动图渲染模块；动图渲染模块用于确定出动图数据对应的动效帧属性，再通过图层渲染接口将渲染后的动图数据(渲染数据)传输至模板编辑器，以利用模板编辑器中的视图容器显示该渲染数据。
在本申请实施例中，图层渲染接口可以为自定义的图层渲染器，即模板编辑器上设置有自定义的图层渲染器，以在模板编辑器接收到动图数据的情况下，通过模板编辑器上的自定义的图层渲染器将动图数据传输至动图渲染模块。
需要说明的是，图层渲染接口也可以为其他的用于将动图数据传输至动图渲染模块的数据传输接口，具体的可以根据实际情况进行确定，本申请实施例对此不作限定。
在本申请实施例中，图像渲染装置通过图层渲染接口将动图数据传输至动图渲染模块的过程，包括：图像渲染装置利用图层渲染适配器检测动图数据中是否携带图层渲染接口的属性信息；图像渲染装置在确定出动图数据中携带属性信息的情况下，通过图层渲染接口将动图数据传输至动图 渲染模块。
在本申请实施例中，属性信息可以为图层渲染接口的标识信息；属性信息也可以为图层渲染接口的名称信息；属性信息还可以为图层渲染接口的其他信息；具体的属性信息可以根据实际情况进行确定，本申请实施例对此不作限定。
在本申请实施例中，图像渲染装置通过图层渲染接口将动图数据传输至动图渲染模块之前，图像渲染装置在接收到渲染触发器的触发指令的情况下，建立动图渲染模块。
在本申请实施例中，如图2所示图像渲染装置中的模板编辑器(编辑器)包括：图层数据集、图层渲染数据集、上下文、渲染器、图层渲染适配器、视图容器、自定义的图层渲染器(图层渲染接口)和渲染触发器。模板编辑器在接收到模板数据(动图数据)的情况下，就利用图层渲染适配器检测动图数据中是否携带图层渲染接口的属性信息；图像渲染装置在确定出动图数据中携带属性信息的情况下，图像渲染装置就将动图数据分为图层数据集和图层渲染数据集，并通过图层渲染接口依次将动图数据中的每个图层对应的图层数据和图层渲染数据传输至动图渲染模块，以利用动图渲染模块分别对每个图层的数据进行渲染，从而得到渲染数据，以根据动效帧属性从渲染数据中获取动图数据。视图容器用于显示渲染数据；上下文用于存储模板编辑器对应的设置信息以及模板编辑器的数据环境；渲染器用于根据上下文中的设置信息或者数据环境对静态元素进行渲染；渲染触发器用于在接收触发指令的情况下，建立动图渲染模块。
S102、利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性。
在本申请实施例中，图像渲染装置通过图层渲染接口将动图数据传输至动图渲染模块之后，图像渲染装置就可以利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性。
在本申请实施例中，预设帧信息可以为图像渲染装置中配置的帧信息；预设帧信息也可以为图像渲染装置接收到的其他设备传输的帧信息；具体的图像渲染装置获取到预设帧信息的方式可以根据实际情况进行确定，本申请实施例对此不作限定。
需要说明的是，动效帧属性可以为标识动图数据中每一帧图像的动效属性；示例性的，动效帧属性为动图数据中每一帧图像对应的帧信息。
在本申请实施例中，图像渲染装置利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性的过程，包括：图像渲染装置利用动图渲染模块根据预设帧信息在动图数据中获取目标过渡帧；图像渲染装置根据预设帧信息和预设帧信息确定动效帧属性。
在本申请实施例中，图像渲染装置利用动图渲染模块根据预设帧信息在动图数据中获取目标过渡帧的过程，包括：图像渲染装置获取动图数据中的图层数据；并获取图层数据中的至少一个过渡帧；图像渲染装置在至少一个过渡帧中获取与预设帧信息匹配的目标过渡帧。
在本申请实施例中，图像渲染装置还包括帧选择器，图像渲染装置可以利用帧选择器在至少一个过渡帧中获取与预设帧信息匹配的目标过渡帧。
在本申请实施例中，图层数据中包括帧列表，帧列表中的每一项表示过渡帧，每一项包括起始帧、结束帧、起始帧属性和接收帧属性，示例性的，如表1所示：所属图层ID为1的过渡帧为a对应的起始帧为1，结束帧为3，起始帧属性为opacity＝100，rotate＝0，结束帧属性为opacity＝50，rotate＝90；所属图层ID为1的过渡帧为b对应的起始帧为2，结束帧为4，起始帧属性为scale＝1，结束帧属性为scale＝2；所属图层ID为2的过渡帧为c也对应存在起始帧、结束帧、起始帧属性以及结束帧属性。
表1

需要说明的是，帧选择器在至少一个过渡帧中获取与预设帧信息匹配的目标过渡帧的过程，可以为帧选择器查找图层数据中的至少一个过渡帧，以表2中图层ID为1(对应的宽度为100，高度为100，坐标为100,100)及表1中图层1的帧列表的数据为例，在预设帧信息为2的情况下，与预设帧信息匹配的目标过渡帧的过渡帧为a和b。在预设帧信息为4的情况下，与预设帧信息匹配的目标过渡帧的过渡帧为a。
表2
在本申请实施例中，图像渲染装置根据预设帧信息和预设帧信息确定动效帧属性的过程，包括：图像渲染装置从目标过渡帧中获取起始帧、起始帧的起始帧属性信息、结束帧和结束帧的结束帧属性信息；图像渲染装置确定预设帧信息在起始帧和结束帧之间的比例信息；图像渲染装置根据比例信息、起始帧属性信息和结束帧属性信息确定动效帧属性。
示例性的，起始帧为1，结束帧为3，起始帧属性信息为透明度＝100,旋转角度＝0，结束帧属性信息为透明度＝50,结束角度＝90，在预设帧信息为2的情况下，则预设帧信息在起始帧和结束帧之间的比例信息为1:1，换算为比例系数可以为0.5，可得预设帧信息对应的透明度为0.5*(100+50)，即为75，预设帧信息对应的旋转度为0.5*(0+90)，即为45，则动效帧属性 包括：透明度为75，旋转角度为45。
在本申请实施例中，图像渲染装置也可以利用其他方式根据预设帧信息、起始帧、结束帧、起始帧属性信息和结束帧属性信息确定动效帧属性；具体的可以根据实际情况进行确定，本申请实施例对此不作限定。
在本申请实施例中，动图渲染模块还包括动效计算器，图像渲染装置可以利用动图渲染模块中的动效计算器确定预设帧信息在起始帧和结束帧之间的比例信息；然后再利用动效计算器根据比例信息、起始帧属性信息和结束帧属性信息确定动效帧属性。
在本申请实施例中，图像渲染装置利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性之前，图像渲染装置还会接收预设帧信息。
在本申请实施例中，动图渲染模块中还包括帧控制器，图像渲染装置可以利用帧控制器接收预设帧信息。
S103、将动效帧属性渲染至动图数据中，得到渲染数据，以根据动效帧属性从渲染数据中获取动图数据。
在本申请实施例中，图像渲染装置利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性之后，图像渲染装置就可以将动效帧属性渲染至动图数据中，得到渲染数据，以根据动效帧属性从渲染数据中获取动图数据。
在本申请实施例中，图像渲染装置将动效帧属性渲染至动图数据中，得到渲染数据的过程，包括：图像渲染装置对动图数据中的图层数据进行渲染，得到初始容器；图像渲染装置将动图数据中的图层渲染数据渲染至初始容器中，得到渲染容器；图像渲染装置将动效帧属性添加至渲染容器中，得到渲染数据。
在本申请实施例中，动图渲染模块还包括动图渲染器，图像渲染装置可以利用动图渲染器对动图数据中的图层数据进行渲染，得到初始容器；然后再利用动图渲染器将动图数据中的图层渲染数据渲染至初始容器中， 得到渲染容器；最后利用动图渲染器将动效帧属性添加至渲染容器中，得到渲染数据。
在本申请实施例中，初始容器为指定宽高坐标的容器。
需要说明的是，容器的样式会影响容器内容的样式，如容器的透明度为50％，如果容器内容的透明度也为50％，实际的效果为25％，该逻辑在图形渲染上比较常见，属于现有的基础功能，此处不做详细描述。
在本申请实施例中，图像渲染装置将动效帧属性添加至渲染容器中，得到渲染数据之后，图像渲染装置就可以利用视图容器显示渲染数据。
在本申请实施例中，图像渲染装置中的动图渲染模块如图3所示，图像渲染装置在检测到渲染触发器触发的情况下，图像渲染装置就生成动图渲染模块，动图渲染模块包括动图上下文(上下文)、帧控制器、动图渲染器、帧选择器、动效计算器五个组件。其中，动图上下文用于存储动图渲染模块的所需要的数据，包括预设帧信息和图层数据(从模板数据中得到的数据)；帧控制器用于接收外部传输的预设帧信息(帧数)后，将该预设帧信息存储至动图上下文中，随后触发渲染触发器。利用帧选择器获取动图上下文的图层数据，并取得图层数据中的帧列表(至少一个过渡帧)，列表中每一项表示过渡帧，每一项包含起始帧和结束帧，同时也包含多个起始帧属性信息及结束帧属性信息。帧选择器在获取帧列表后，同时获取动图上下文中的预设帧信息，在至少一个过渡帧中获取与预设帧信息匹配的目标过渡帧。动效计算器用于接收目标过渡帧，并通过动图上下文的预设帧信息，确定出动效帧属性。动图渲染器用于接收图层渲染数据(从模板数据中得到的数据)及图层数据，动图渲染器将图层数据存储至动图上下文中，并执行帧选择器，利用帧选择器确定目标过渡帧，利用动效计算器根据目标过渡帧和动图上下文中的图层数据，得到动效帧属性。动图渲染器根据图层数据渲染出指定宽高/坐标的初始容器，并将图层渲染数据渲染到初始容器内，得到渲染容器，最后将动效帧属性设置到渲染容器中， 得到渲染数据，并通过图层渲染接口(自定义图层渲染器)至模板编辑器(编辑器)，利用模板编辑器显示渲染数据。
需要说明的是，帧控制器只负责在预设帧信息发生改变后进行触发。
示例性的，无动图渲染的情况下表2渲染的结果如图4所示：在坐标100,100位置处显示宽度为100高度、为100的图像，在添加动图渲染后以表1中a，b过渡帧的数据为例，其中第2帧渲染数据如图5所示：显示透明度为75、旋转角度为45的图像，第3帧渲染数据如图6所示：显示透明度＝50、旋转角度＝90、缩放1.5倍的图像。
在本申请实施例中，如图7所示，图像渲染装置在调用侧设置模板数据，创建模板编辑器，该模板编辑器中包括渲染触发器，图像渲染装置在接收到渲染触发器的触发指令的情况下，建立动图渲染模块。在调用侧设置模板编辑器的图层渲染接口(自定义渲染器)。图像渲染装置利用帧控制器接收预设帧信息(帧数)，将该预设帧信息设置到动图上下文(上下文)中，然后渲染触发器就被触发，渲染触发器通知模板编辑器进行渲染(通知编辑器渲染)，模板编辑器在接收到动图数据的情况下，利用图层渲染适配器检测动图数据中是否携带图层渲染接口的属性信息；在确定出动图数据中携带属性信息的情况下，通过图层渲染接口(调用)将动图数据传输至动图渲染模块的动图渲染器；动图渲染器将动图数据中的图层数据设置到上下文中，帧选择器从上下文中获取动图数据中的图层数据；并获取图层数据中的至少一个过渡帧(获取过渡帧)；在至少一个过渡帧中获取与预设帧信息匹配的目标过渡帧。动效计算器用于接收目标过渡帧，从目标过渡帧中获取起始帧、起始帧的起始帧属性信息、结束帧和结束帧的结束帧属性信息；确定预设帧信息在起始帧和结束帧之间的比例信息；根据比例信息、起始帧属性信息和结束帧属性信息确定动效帧属性；根据动图数据中的图层数据渲染出初始容器；将动图数据中的图层渲染数据渲染至初始容器中，得到渲染容器；将动效帧属性添加至渲染容器中，得到 目标容器，返回目标容器(渲染内容)至模板编辑器，以根据目标容器确定对应关系，根据对应关系获取动图数据。
可以理解的是，图像渲染装置利用动图渲染模块确定出动图数据对应的动效帧属性，并将动效帧属性渲染至动图数据中，得到渲染数据，使得动图数据中的每一帧数据都对应存在不同的动效帧属性，动图渲染装置可以根据动效帧属性从模板编辑器中获取到对应的动图数据，提高了利用模板编辑器获取动图数据时的智能性。
基于图像渲染方法的同一发明构思，本申请实施例提供了一种图像渲染装置1，对应于一种图像渲染方法；图8为本申请实施例提供的一种图像渲染装置的组成结构示意图一，该图像渲染装置1可以包括：
传输部分11，配置于在接收到动图数据的情况下，通过图层渲染接口将所述动图数据传输至动图渲染模块；
确定部分12，配置于利用所述动图渲染模块根据预设帧信息确定所述动图数据对应的动效帧属性；
渲染部分13，配置于将所述动效帧属性渲染至所述动图数据中，得到渲染数据，以根据所述动效帧属性从所述渲染数据中获取所述动图数据。
在本申请的一些实施例中，所述装置还包括获取部分；
所述获取部分，配置于利用所述动图渲染模块根据所述预设帧信息在所述动图数据中获取目标过渡帧；
所述确定部分12，配置于根据所述预设帧信息和所述预设帧信息确定所述动效帧属性。
在本申请的一些实施例中，所述获取部分，配置于从所述目标过渡帧中获取起始帧、所述起始帧的起始帧属性信息、结束帧和所述结束帧的结束帧属性信息；
所述确定部分12，配置于确定所述预设帧信息在所述起始帧和所述结 束帧之间的比例信息；根据所述比例信息、所述起始帧属性信息和所述结束帧属性信息确定所述动效帧属性。
在本申请的一些实施例中，所述获取部分，配置于获取所述动图数据中的图层数据；并获取所述图层数据中的至少一个过渡帧；在所述至少一个过渡帧中获取与所述预设帧信息匹配的目标过渡帧。
在本申请的一些实施例中，所述装置还包括接收部分；
所述接收部分，配置于接收预设帧信息。
在本申请的一些实施例中，所述装置还包括添加部分；
所述渲染部分13，配置于对所述动图数据中的图层数据进行渲染，得到初始容器；将所述动图数据中的图层渲染数据渲染至所述初始容器中，得到渲染容器；
所述添加部分，配置于将所述动效帧属性添加至所述渲染容器中，得到所述渲染数据。
在本申请的一些实施例中，所述装置还包括显示部分；
所述显示部分，配置于利用视图容器显示所述渲染数据。
在本申请的一些实施例中，所述装置还包括检测部分；
所述检测部分，配置于利用图层渲染适配器检测所述动图数据中是否携带图层渲染接口的属性信息；
所述传输部分11，配置于在确定出所述动图数据中携带所述属性信息的情况下，通过图层渲染接口将所述动图数据传输至动图渲染模块。
在本申请的一些实施例中，所述装置还包括建立部分；
所述建立部分，配置于在接收到渲染触发器的触发指令的情况下，建立所述动图渲染模块。
需要说明的是，在实际应用中，上述传输部分11、确定部分12和渲染部分13可由图像渲染装置1上的处理器14实现，具体为CPU(Central Processing Unit，中央处理器)、MPU(Microprocessor Unit，微处理器)、 DSP(Digital Signal Processing，数字信号处理器)或现场可编程门阵列(FPGA，Field Programmable Gate Array)等实现；上述数据存储可由图像渲染装置1上的存储器15实现。
本申请实施例还提供了一种图像渲染装置1，如图9所示，所述图像渲染装置1包括：处理器14、存储器15和通信总线16，所述存储器15通过所述通信总线16与所述处理器14进行通信，所述存储器15存储所述处理器14可执行的程序，当所述程序被执行时，通过所述处理器14执行如上述所述的图像渲染方法。
在实际应用中，上述存储器15可以是易失性存储器(volatile memory)，例如随机存取存储器(Random-Access Memory，RAM)；或者非易失性存储器(non-volatile memory)，例如只读存储器(Read-Only Memory，ROM)，快闪存储器(flash memory)，硬盘(Hard Disk Drive，HDD)或固态硬盘(Solid-State Drive，SSD)；或者上述种类的存储器的组合，并向处理器14提供指令和数据。
本申请实施例提供了一种计算机可读存储介质，其上有计算机程序，所述程序被处理器14执行时实现如上述所述的图像渲染方法。
可以理解的是，图像渲染装置利用动图渲染模块确定出动图数据对应的动效帧属性，并将动效帧属性渲染至动图数据中，得到渲染数据，使得动图数据中的每一帧数据都对应存在不同的动效帧属性，动图渲染装置可以根据动效帧属性从模板编辑器中获取到对应的动图数据，提高了利用模板编辑器获取动图数据时的智能性。
本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用硬件实施例、软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
以上所述，仅为本申请的较佳实施例而已，并非用于限定本申请的保护范围。
工业实用性
本申请实施例提供了一种图像渲染方法及装置、存储介质，图像渲染方法包括：在接收到动图数据的情况下，通过图层渲染接口将动图数据传输至动图渲染模块；利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性；将动效帧属性渲染至动图数据中，得到渲染数据，以根据动效帧属性从渲染数据中获取动图数据。采用上述方法实现方案，图像渲 染装置利用动图渲染模块确定出动图数据对应的动效帧属性，并将动效帧属性渲染至动图数据中，得到渲染数据，使得动图数据中的每一帧数据都对应存在不同的动效帧属性，动图渲染装置可以根据动效帧属性从模板编辑器中获取到对应的动图数据，提高了利用模板编辑器获取动图数据时的智能性。

Claims (12)

  1. 一种图像渲染方法，所述方法包括：
    在接收到动图数据的情况下，通过图层渲染接口将所述动图数据传输至动图渲染模块；
    利用所述动图渲染模块根据预设帧信息确定所述动图数据对应的动效帧属性；
    将所述动效帧属性渲染至所述动图数据中，得到渲染数据，以根据所述动效帧属性从所述渲染数据中获取所述动图数据。
  2. 根据权利要求1所述的方法，其中，所述利用所述动图渲染模块根据预设帧信息确定所述动图数据对应的动效帧属性，包括：
    利用所述动图渲染模块根据所述预设帧信息在所述动图数据中获取目标过渡帧；
    根据所述预设帧信息和所述预设帧信息确定所述动效帧属性。
  3. 根据权利要求2所述的方法，其中，所述根据所述预设帧信息和所述预设帧信息确定所述动效帧属性，包括：
    从所述目标过渡帧中获取起始帧、所述起始帧的起始帧属性信息、结束帧和所述结束帧的结束帧属性信息；
    确定所述预设帧信息在所述起始帧和所述结束帧之间的比例信息；
    根据所述比例信息、所述起始帧属性信息和所述结束帧属性信息确定所述动效帧属性。
  4. 根据权利要求2所述的方法，其中，所述利用所述动图渲染模块根据所述预设帧信息在所述动图数据中获取目标过渡帧，包括：
    获取所述动图数据中的图层数据；并获取所述图层数据中的至少一个过渡帧；
    在所述至少一个过渡帧中获取与所述预设帧信息匹配的目标过渡帧。
  5. 根据权利要求2所述的方法，其中，所述利用所述动图渲染模块根据预设帧信息确定所述动图数据对应的动效帧属性之前，所述方法还包括：
    接收预设帧信息。
  6. 根据权利要求1所述的方法，其中，所述将所述动效帧属性渲染至所述动图数据中，得到渲染数据，包括：
    对所述动图数据中的图层数据进行渲染，得到初始容器；
    将所述动图数据中的图层渲染数据渲染至所述初始容器中，得到渲染容器；
    将所述动效帧属性添加至所述渲染容器中，得到所述渲染数据。
  7. 根据权利要求6所述的方法，其中，所述将所述动效帧属性添加至所述渲染容器中，得到所述渲染数据之后，所述方法还包括：
    利用视图容器显示所述渲染数据。
  8. 根据权利要求1所述的方法，其中，所述通过图层渲染接口将所述动图数据传输至动图渲染模块，包括：
    利用图层渲染适配器检测所述动图数据中是否携带图层渲染接口的属性信息；
    在确定出所述动图数据中携带所述属性信息的情况下，通过图层渲染接口将所述动图数据传输至动图渲染模块。
  9. 根据权利要求1所述的方法，其中，所述通过图层渲染接口将所述动图数据传输至动图渲染模块之前，所述方法还包括：
    在接收到渲染触发器的触发指令的情况下，建立所述动图渲染模块。
  10. 一种图像渲染装置，所述装置包括：
    传输部分，配置于在接收到动图数据的情况下，通过图层渲染接口将所述动图数据传输至动图渲染模块；
    确定部分，配置于利用所述动图渲染模块根据预设帧信息确定所述动图数据对应的动效帧属性；
    渲染部分，配置于将所述动效帧属性渲染至所述动图数据中，得到渲染数据，以根据所述动效帧属性从所述渲染数据中获取所述动图数据。
  11. 一种图像渲染装置，所述装置包括：
    存储器、处理器和通信总线，所述存储器通过所述通信总线与所述处理器进行通信，所述存储器存储所述处理器可执行的图像渲染的程序，当所述图像渲染的程序被执行时，通过所述处理器执行如权利要求1至9任一项所述的方法。
  12. 一种存储介质，其上存储有计算机程序，应用于图像渲染装置，该计算机程序被处理器执行时实现权利要求1至9任一项所述的方法。
PCT/CN2023/087240 2022-04-26 2023-04-10 一种图像渲染方法及装置、存储介质 WO2023207563A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210450108.5A CN114782579A (zh) 2022-04-26 2022-04-26 一种图像渲染方法及装置、存储介质
CN202210450108.5 2022-04-26

Publications (1)

Publication Number Publication Date
WO2023207563A1 true WO2023207563A1 (zh) 2023-11-02

Family

ID=82432395

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/087240 WO2023207563A1 (zh) 2022-04-26 2023-04-10 一种图像渲染方法及装置、存储介质

Country Status (2)

Country Link
CN (1) CN114782579A (zh)
WO (1) WO2023207563A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114782579A (zh) * 2022-04-26 2022-07-22 北京沃东天骏信息技术有限公司 一种图像渲染方法及装置、存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20190132642A1 (en) * 2016-10-17 2019-05-02 Tencent Technology (Shenzhen) Company Limited Video processing method, video processing device, and storage medium
CN111899322A (zh) * 2020-06-29 2020-11-06 腾讯科技（深圳）有限公司 视频处理方法、动画渲染sdk和设备及计算机存储介质
CN112802168A (zh) * 2021-01-26 2021-05-14 广州欢网科技有限责任公司 动画生成方法、装置及电视终端
CN112929681A (zh) * 2021-01-19 2021-06-08 广州虎牙科技有限公司 视频流图像渲染方法、装置、计算机设备及存储介质
CN114299198A (zh) * 2021-12-31 2022-04-08 北京达佳互联信息技术有限公司 动画生成方法、装置、电子设备、介质及计算机程序产品
CN114782579A (zh) * 2022-04-26 2022-07-22 北京沃东天骏信息技术有限公司 一种图像渲染方法及装置、存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20190132642A1 (en) * 2016-10-17 2019-05-02 Tencent Technology (Shenzhen) Company Limited Video processing method, video processing device, and storage medium
CN111899322A (zh) * 2020-06-29 2020-11-06 腾讯科技（深圳）有限公司 视频处理方法、动画渲染sdk和设备及计算机存储介质
CN112929681A (zh) * 2021-01-19 2021-06-08 广州虎牙科技有限公司 视频流图像渲染方法、装置、计算机设备及存储介质
CN112802168A (zh) * 2021-01-26 2021-05-14 广州欢网科技有限责任公司 动画生成方法、装置及电视终端
CN114299198A (zh) * 2021-12-31 2022-04-08 北京达佳互联信息技术有限公司 动画生成方法、装置、电子设备、介质及计算机程序产品
CN114782579A (zh) * 2022-04-26 2022-07-22 北京沃东天骏信息技术有限公司 一种图像渲染方法及装置、存储介质

Also Published As

Publication number Publication date
CN114782579A (zh) 2022-07-22

Similar Documents

Publication Publication Date Title
US10437541B2 (en) Graphics engine and environment for efficient real time rendering of graphics that are not pre-known
TWI585678B (zh) 點對點動態可附加邏輯顯示器
KR101952983B1 (ko) 콘텐트의 타일-기반 렌더링을 위한 방법 및 콘텐트를 렌더링하기 위한 시스템
US11514132B2 (en) Automatic website data migration
WO2021013019A1 (zh) 一种图片处理方法及装置
US10489839B2 (en) Information presentation method and information presentation apparatus
US10719970B2 (en) Low latency firmware command selection using a directed acyclic graph
US10679400B2 (en) Termination of animation
WO2023207563A1 (zh) 一种图像渲染方法及装置、存储介质
US20110193858A1 (en) Method for displaying images using an electronic device
WO2016101816A1 (zh) 一种即时通讯中的信息显示方法及装置
US9699247B2 (en) User experience monitoring for application remoting
WO2018175869A1 (en) System and method for mass-animating characters in animated sequences
US10115012B1 (en) Capture object boundary jitter reduction
CN112463598A (zh) 一种压测方法、装置、电子设备和可读存储介质
WO2023221822A1 (zh) 数据处理方法、电子设备和可读存储介质
US20150199315A1 (en) Systems and methods for animating collaborator modifications
WO2012051771A1 (zh) 一种图像拷贝的方法和装置
US20190303084A1 (en) Mechanism to present in an atomic manner a single buffer that covers multiple displays
WO2013185664A1 (zh) 一种操作方法及装置
CN113487704B (zh) 一种燕尾箭头标的绘制方法、装置、存储介质及终端设备
US20230396574A1 (en) Automatically incremented read-watermark
WO2024055867A1 (zh) 基于应用分身的界面显示方法及相关装置
US20160034602A1 (en) Storing and presenting data associating information in a file with the source of the information
JP6514632B2 (ja) 情報処理システム、情報処理方法、情報処理装置、サーバ及びプログラム

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: 23794996

Country of ref document: EP

Kind code of ref document: A1