CN114090666A - Slide display method, apparatus, device and storage medium - Google Patents

Slide display method, apparatus, device and storage medium Download PDF

Info

Publication number
CN114090666A
CN114090666A CN202111321540.6A CN202111321540A CN114090666A CN 114090666 A CN114090666 A CN 114090666A CN 202111321540 A CN202111321540 A CN 202111321540A CN 114090666 A CN114090666 A CN 114090666A
Authority
CN
China
Prior art keywords
slide
graphic element
slides
data
graphic
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202111321540.6A
Other languages
Chinese (zh)
Inventor
杨良志
白琳
汪志新
卢业波
方跃涵
铁喜光
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Richinfo Technology Co ltd
Original Assignee
Richinfo Technology Co ltd
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 Richinfo Technology Co ltd filed Critical Richinfo Technology Co ltd
Priority to CN202111321540.6A priority Critical patent/CN114090666A/en
Publication of CN114090666A publication Critical patent/CN114090666A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/24Querying
    • G06F16/248Presentation of query results
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/22Indexing; Data structures therefor; Storage structures
    • G06F16/2228Indexing structures
    • G06F16/2246Trees, e.g. B+trees

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Computational Linguistics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The invention discloses a method, a device, equipment and a storage medium for displaying a slide, and belongs to the technical field of computer processing. The method comprises the following steps: acquiring the stored data of the slide set from the database; the data structure of the stored data is JSON; deserializing the stored data to generate a graphic element tree of each slide in the slide set; rendering the graphic elements in each slide according to the graphic element tree of each slide to obtain each slide; and displaying the slides. By the technical scheme, the display efficiency of the slides is improved, and a new thought is provided for making the slides by online documents.

Description

Slide display method, apparatus, device and storage medium
Technical Field
The embodiment of the invention relates to the technical field of computer processing, in particular to a method, a device, equipment and a storage medium for displaying a slide.
Background
Traditional slide software such as powerpoint and keynote adopts binary format storage, although the function is very powerful, the storage format is not open enough, with the popularization of online office, some online document making systems adopting b/s architecture appear, and for some light-weight slides, the slides can be made by a browser, so that team cooperation and sharing are facilitated.
However, the main typesetting mode for making slides by using the existing online document technology still adopts the HTML layout, Scalable Vector Graphics (SVG) is only adopted on part of graphic elements, and the private format or the relational database row and column structure is still adopted for storing data in the data storage, so that the data storage format is not uniform enough in architecture and is not open enough.
Disclosure of Invention
The invention provides a slide display method, a slide display device, a slide display apparatus and a storage medium, which are used for improving the display efficiency of slides.
In a first aspect, an embodiment of the present invention provides a method for displaying a slide, where the method includes:
acquiring the stored data of the slide set from the database; the data structure of the stored data is JSON;
deserializing the stored data to generate a graphic element tree of each slide in the slide set;
rendering the graphic elements in each slide according to the graphic element tree of each slide to obtain each slide;
and displaying the slides.
In a second aspect, an embodiment of the present invention further provides a slide display apparatus, including:
the storage data acquisition module is used for acquiring the storage data of the slide set from the database; the data structure of the stored data is JSON;
the graphic element tree generating module is used for performing deserialization on the stored data to generate a graphic element tree of each slide in the slide set;
the control module is used for rendering the graphic elements in the slides according to the graphic element trees of the slides to obtain the slides;
and the display module is used for displaying the slides.
In a third aspect, an embodiment of the present invention further provides an electronic device, where the electronic device includes:
one or more processors;
a memory for storing one or more programs;
when executed by the one or more processors, cause the one or more processors to implement a slide show method as provided by any of the embodiments of the invention.
In a fourth aspect, an embodiment of the present invention further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the slide show method provided in any embodiment of the present invention.
According to the technical scheme of the embodiment of the invention, the storage data of the slide set is obtained from the database; the data structure of the stored data is JSON; and then deserializing the stored data to generate a graphic element tree of each slide in the slide set, rendering the graphic elements in each slide according to the graphic element tree of each slide to obtain each slide, and displaying each slide. According to the technical scheme, the slides are stored by adopting the JSON data structure, so that the storage format of the slides is more open, the display efficiency of the slides is improved, and a new thought is provided for making the slides by using online documents.
Drawings
Fig. 1 is a flowchart of a slide show method according to an embodiment of the present invention;
fig. 2A is a flowchart of a slide show method according to a second embodiment of the present invention;
FIG. 2B is a diagram of a graphic element according to a second embodiment of the present invention;
fig. 3 is a schematic structural diagram of a slide show device according to a third embodiment of the present invention;
fig. 4 is a schematic structural diagram of an electronic device according to a fourth embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some of the structures related to the present invention are shown in the drawings, not all of the structures.
Example one
Fig. 1 is a flowchart of a slide show method according to an embodiment of the present invention, which is applicable to a situation where slide processing is performed in an online office process, such as slide show and edit, and the method may be executed by a slide show apparatus, which may be implemented by software and/or hardware, and may be integrated in an electronic device carrying slide show functions, such as a server.
As shown in fig. 1, the method may specifically include:
s110, acquiring storage data of the slide set from a database; the data structure of the stored data is JSON.
In this embodiment, the storage data of the slide set may be obtained from the cloud database, where the data structure of the storage data is JSON.
Illustratively, the stored data for a slide set is determined by: for each slide in the slide set, traversing each child node of the tree of graphical elements in the slide; the child nodes comprise graph elements and/or child graph element trees; serializing the attribute data of the graphic element corresponding to each child node and/or the graphic element in the child graphic element tree into JSON data; the data structure of the attribute data is SVG.
The graphic element tree is a tree-shaped element tree which is composed of graphic elements and has a hierarchical structure, and is used for representing the layout structure of the content in the slide; each slide contains a graphic element tree, graphic list, each graphic element tree including at least one child node, each word node being a single graphic element or a nested word-graphic element tree. When text, Graphic elements and pictures are inserted into a page where a slide is located, an instance of a Graphic subclass is inserted into a Graphic element tree as a child node, each Graphic instance has a child property, the child property is an array set and comprises all child nodes, and the child nodes can be nested to form a tree structure.
The Graphics component is a graphic constructed based on Scalable Vector Graphics (SVG). May include svg vector graphics, pixel pictures, HTML elements, text elements, and grouping containers; wherein, the svg vector graph is a graph combination composed of straight lines (paths) and/or curves, and comprises filling areas, such as ellipses, rhombuses, arrows and the like; pixel pictures, such as bmp, jpg, png pictures, in svg, an image flag may be embedded in the pixel picture, such as < image xlink: href ═ test.jpg ">, or picture metadata may be stored using base 64; HTML elements, such as tables, are difficult to show the self-adaptive typesetting layout of the tables through svg, the tables can be conveniently realized by the built-in tables of the HTML elements, and the HTML elements can be embedded into svg graphs through Forignobject; text elements, namely, text nodes are used for inserting text elements (text SVG), the text supports the application of a filter to realize various artistic word effects, and also supports the realization of surrounding characters by using a textPath mode; the grouping container is obtained by combining a plurality of graphic elements, for example, when a plurality of graphic elements are combined, a < g > element is generated to be used as a container, the < g > element has an independent coordinate system, and when matrix transformation such as translation, scaling and rotation is performed on the < g > element, the effect is generated on the whole sub-element, and the x and y coordinates of the sub-element only need to be set as relative coordinates relative to the < g > element. Illustratively, in order to make the graphical elements reusable, template elements, i.e., graphical elements, in the graphical element template may be defined, e.g., using < defs > to define the template elements, using < use > direct referencing in the svg canvas, such as,
Figure BDA0003345743270000051
it will be appreciated that the reason why slides employ JSON storage rather than using svg directly is that the xml structure of svg is relatively redundant, there are many redundant hierarchy and attribute nodes, and there is an additional performance penalty to parse xml using javascript.
And S120, deserializing the stored data to generate a graphic element tree of each slide in the slide set.
In this embodiment, the stored data is deserialized to generate a graphic element tree in each slide of the slide set. Wherein, the deserialization process may be: converting the character string into an Object by using JSON, traversing the pages array of the json data Object, wherein each item of data in the array is an Object, namely corresponds to a slide, and comprises attributes such as index identification index, name, background and the like of the corresponding slide, each item of data correspondingly creates a Page type instance, and initializes the Page instance by using the attribute of the Object.
And S130, rendering the graphic elements in each slide according to the graphic element tree of each slide to obtain each slide.
In this embodiment, for each node in the graph element tree of each slide, the graph element corresponding to the node and/or the graph element in the sub graph element tree are rendered. For example, a render function may be invoked to traverse the tree of graphical elements, thereby rendering a slide.
Specifically, depth-first traversal of the graphicList attributes is performed, each level of nodes creates a graph subclass instance corresponding to the graph clist attributes, and since there are many types of graph subclasses, different graph subclass instances are created according to the type attribute (such as text elements, pixel pictures, svg vector graphics) of each node in json data by using a factory method mode, the subclasses include circular Rect including corresponding to svg basic primitives, oval Circle, path Ellipse, rectangular Polygon, and some graphics classes combined by path, such as arow, and the like. After the graphical element tree is generated, a render function is called to re-traverse the graphical element tree to render the entire canvas.
When the render function executes, the graph element tree in the memory is traversed again for the second time, the graph element tree is obtained through the graph List attribute of the current canvas, the graph List is an array containing graph elements, each node is a subclass inherited from a graph class, and a graph base type contains some basic drawing attributes, such as coordinate values represented by x and y attributes, a transformation matrix represented by transform attributes, a graph attached text represented by text attributes, a text alignment mode represented by text attributes and the like. Each Graphic subclass instance correspondingly creates an independent SVG < g > node as a container, different Graphic subclasses are responsible for drawing different SVG graphs, for example, a Rect class generates a < Rect > node, if a text attribute is set, the < text > node is generated, an SVG document tree is automatically rendered in a browser after being generated, Graphic subclass instances are uniformly rendered by using a render method, the render method of each instance in a Graphic List is sequentially called, and the render method of a child node instance contained in the child attribute of the graph instance is recursively called, so that the whole Graphic element tree can be re-rendered.
And S140, displaying each slide.
In this embodiment, the slides are presented to the user in a page.
According to the technical scheme of the embodiment of the invention, the storage data of the slide set is obtained from the database; the data structure of the stored data is JSON; and then deserializing the stored data to generate a graphic element tree of each slide in the slide set, rendering the graphic elements in each slide according to the graphic element tree of each slide to obtain each slide, and displaying each slide. According to the technical scheme, the slides are stored by adopting the JSON data structure, so that the storage format of the slides is more open, the display efficiency of the slides is improved, and a new thought is provided for making the slides by using online documents.
Example two
Fig. 2A is a flowchart of a slide show method according to a second embodiment of the present invention, which is further optimized and provided as an alternative implementation manner based on the second embodiment.
As shown in fig. 2A, the method may specifically include:
s210, obtaining the storage data of the slide set from a database; the data structure of the stored data is JSON.
S220, deserializing the stored data to generate a graphic element tree of each slide in the slide set.
And S230, rendering the graphic elements in each slide according to the graphic element tree of each slide to obtain each slide.
And S240, displaying each slide.
And S250, selecting a target slide from the slides according to the selection operation of the user.
In this embodiment, in response to a selection operation by the user, a target slide is selected from among the slides. Wherein, the target slide refers to the slide that the user wants to display in the current page.
Optionally, after selecting a target slide from the slides according to a selection operation of a user, updating the stored data of the graphic element tree of the target slide according to an editing operation of the user on a target graphic element in the target slide; wherein the editing operations include at least panning, zooming, filling, changing text, and adding graphical elements; and regenerating the graphic element tree of the target slide according to the updated storage data. Specifically, according to the editing operation of the user on the target graphic element in the target slide, the storage data of the graphic element tree of the target slide is updated, the updated storage data is deserialized, the graphic element tree of the target slide is regenerated, and the regenerated graphic element tree is rendered.
Wherein the target graphic element is the graphic element that wants to edit the graphic element in the target slide.
For example, when a graphic element is selected, a control handle appears at 8 vertexes of the element, as shown in fig. 2B, the control handle is also a svg graph, a svg group (an < g > element) composed of 1 large rectangular outline and 8 small squares < rect > is formed, when the control handle is dragged and dropped by a mouse, a modified transformation transform matrix can be calculated through a difference value with an initial coordinate value, so that scaling, translation and rotation of the graphic element are realized, the graphic element can nest a child graphic element, the nested child graphic element and a parent graphic element form a whole, the < g > element of svg is correspondingly generated during rendering, and when the graphic element is translated and scaled, the child graphic element will be changed along with the parent graphic element.
For another example, when a graphic element is selected by a mouse, a DOM element associated with the current event is obtained through event bubbling, so that the unique identifier guid of the graphic element is obtained, a select event is generated, getnodebyid (guid) is called, and the graphic element tree is recursively traversed to obtain the reference of the graphic element instance.
As another example, when the graphic element is dragged and moved by the mouse, a move start event is generated, the move event is continuously generated during the dragging, and when the dragging is ended, an end move event is generated, and similarly, a zoom handle movement of a graphical element may also generate a scale event, a rotational handle movement of a graphical element may also generate a rotate event, the unique identifier guid of the graphic element, the new coordinates of the center point of the graphic, etc. are obtained from the event parameters of the above events, by recursively traversing the graph element tree, via getnodebsyid (guid), a reference to the graph element instance is found, and calculating the offset according to the difference between the current position of the mouse and the initial position of the mouse to obtain new x and y coordinates and a transform matrix, and updating the related attributes of the graphic class instances, and finally traversing the graphic element tree and calling a render method of each graphic class instance to render the whole canvas again.
Optionally, after selecting a target slide from the slides according to a selection operation of a user, if a slide switching instruction is identified, obtaining a switching effect name; and configuring the switching effect of the target slide according to the style corresponding to the switching effect name. The slide switching instruction is an instruction for instructing to configure a slide switching effect.
Specifically, in the slide JSON data structure, the first-level node is an array including a plurality of slide pages (pages), such as:
Figure BDA0003345743270000091
Figure BDA0003345743270000101
each slide Page canvas creates an independent Page type instance, and each Page creates an independent < svg > root node during rendering, so each Page can be rendered as an independent picture in a browser, when slides are switched, the transition attribute of the Page instance is read, the switching effect name of the gradient effect is obtained, the switching effect name corresponding to the gradient effect is mapped to the corresponding style css class, and the gradient effects such as fade-in and fade-out are realized by applying the css3 transition defined in the css class on the svg root element.
According to the technical scheme of the embodiment of the invention, the storage data of the slide set is obtained from the database; the data structure of the stored data is JSON; and then deserializing the stored data to generate a graphic element tree of each slide in the slide set, rendering the graphic elements in each slide according to the graphic element tree of each slide to obtain each slide, displaying each slide, and finally selecting a target slide from each slide according to the selection operation of the user. According to the technical scheme, the JSON data structure is adopted to store the slides, so that the storage format of the slides is more open, the display efficiency of the slides is improved, the user experience is improved, and a new thought is provided for making the slides by using the online documents.
EXAMPLE III
Fig. 3 is a schematic structural diagram of a slide show apparatus according to a third embodiment of the present invention, which is applicable to a situation where slide show processing is performed in an online office process, such as a situation where slide show and edit are performed, and the apparatus can be implemented by software and/or hardware, and can be integrated into an electronic device carrying a slide show function, such as a server.
As shown in fig. 3, the apparatus may specifically include:
a stored data acquiring module 310, configured to acquire stored data of a slide set from a database; the data structure of the stored data is JSON;
a graphic element tree generation module 320, configured to perform deserialization on the stored data to generate a graphic element tree of each slide in the slide set;
the control module 330 is configured to render the graphic elements in the slides according to the graphic element trees of the slides to obtain the slides;
and a display module 340 for displaying the slides.
According to the technical scheme of the embodiment of the invention, the storage data of the slide set is obtained from the database; the data structure of the stored data is JSON; and then deserializing the stored data to generate a graphic element tree of each slide in the slide set, rendering the graphic elements in each slide according to the graphic element tree of each slide to obtain each slide, and displaying each slide. According to the technical scheme, the slides are stored by adopting the JSON data structure, so that the storage format of the slides is more open, the display efficiency of the slides is improved, and a new thought is provided for making the slides by using online documents.
Further, the control module 330 is specifically configured to:
for each node in the graph element tree for each slide, the graph element in the sub-graph element tree and/or the graph element corresponding to the node is rendered.
Further, the apparatus further comprises:
and the target control module is used for selecting a target slide from all slides according to the selection operation of the user.
Further, the apparatus further includes an editing module, which is specifically configured to:
updating the storage data of the graphic element tree of the target slide according to the editing operation of the user on the target graphic element in the target slide; wherein the editing operations include at least panning, zooming, filling, changing text, and adding graphical elements;
and regenerating the graphic element tree of the target slide according to the updated storage data.
Further, the apparatus further includes a handover effect determination module, which is specifically configured to:
if a slide switching instruction is identified, acquiring a switching effect name;
and configuring the switching effect of the target slide according to the style corresponding to the switching effect name.
Further, the apparatus further includes a stored data determination module, which is specifically configured to:
for each slide in the slide set, traversing each child node of the tree of graphical elements in the slide; the child nodes comprise graph elements and/or child graph element trees;
serializing the attribute data of the graphic element corresponding to each child node and/or the graphic element in the child graphic element tree into JSON data; the data structure of the attribute data is SVG.
Further, the graphical elements include at least svg vector graphics, pixel pictures, HTML elements, text elements, and grouping containers.
The slide display device can execute the slide display method provided by any embodiment of the invention, and has corresponding functional modules and beneficial effects of the execution method.
Example four
Fig. 4 is a schematic structural diagram of an electronic device according to a fourth embodiment of the present invention, and fig. 4 shows a block diagram of an exemplary device suitable for implementing the embodiment of the present invention. The device shown in fig. 4 is only an example and should not bring any limitation to the function and the scope of use of the embodiments of the present invention.
As shown in FIG. 4, electronic device 12 is embodied in the form of a general purpose computing device. The components of electronic device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, and a bus 18 that couples various system components including the system memory 28 and the processing unit 16.
Bus 18 represents one or more of any of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, and a processor or local bus using any of a variety of bus architectures. By way of example, such architectures include, but are not limited to, Industry Standard Architecture (ISA) bus, micro-channel architecture (MAC) bus, enhanced ISA bus, Video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus.
Electronic device 12 typically includes a variety of computer system readable media. Such media may be any available media that is accessible by electronic device 12 and includes both volatile and nonvolatile media, removable and non-removable media.
The system memory 28 may include computer system readable media in the form of volatile memory, such as Random Access Memory (RAM)30 and/or cache memory (cache 32). The electronic device 12 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 34 may be used to read from and write to non-removable, nonvolatile magnetic media (not shown in FIG. 4, and commonly referred to as a "hard drive"). Although not shown in FIG. 4, a magnetic disk drive for reading from and writing to a removable, nonvolatile magnetic disk (e.g., a "floppy disk") and an optical disk drive for reading from or writing to a removable, nonvolatile optical disk (e.g., a CD-ROM, DVD-ROM, or other optical media) may be provided. In these cases, each drive may be connected to bus 18 by one or more data media interfaces. System memory 28 may include at least one program product having a set (e.g., at least one) of program modules that are configured to carry out the functions of embodiments of the invention.
A program/utility 40 having a set (at least one) of program modules 42 may be stored, for example, in system memory 28, such program modules 42 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each of which examples or some combination thereof may comprise an implementation of a network environment. Program modules 42 generally carry out the functions and/or methodologies of embodiments described herein.
Electronic device 12 may also communicate with one or more external devices 14 (e.g., keyboard, pointing device, display 24, etc.), with one or more devices that enable a user to interact with electronic device 12, and/or with any devices (e.g., network card, modem, etc.) that enable electronic device 12 to communicate with one or more other computing devices. Such communication may be through an input/output (I/O) interface 22. Also, the electronic device 12 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network, such as the Internet) via the network adapter 20. As shown, the network adapter 20 communicates with other modules of the electronic device 12 via the bus 18. It should be understood that although not shown in the figures, other hardware and/or software modules may be used in conjunction with electronic device 12, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
The processing unit 16 executes various functional applications and data processing, such as implementing a slide show method provided by an embodiment of the present invention, by executing a program stored in the system memory 28.
EXAMPLE five
Fifth, an embodiment of the present invention further provides a computer-readable storage medium, on which a computer program (or referred to as computer-executable instructions) is stored, where the computer program is used to execute a slide show method provided by the fifth embodiment of the present invention when executed by a processor, and the method includes:
acquiring the stored data of the slide set from the database; the data structure of the stored data is JSON;
deserializing the stored data to generate a graphic element tree of each slide in the slide set;
rendering the graphic elements in each slide according to the graphic element tree of each slide to obtain each slide;
the slides are presented.
Computer storage media for embodiments of the invention may employ any combination of one or more computer-readable media. The computer readable medium may be a computer readable signal medium or a computer readable storage medium. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the computer readable storage medium would include the following: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this document, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
A computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Computer program code for carrying out operations for embodiments of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the embodiments of the present invention have been described in more detail through the above embodiments, the embodiments of the present invention are not limited to the above embodiments, and many other equivalent embodiments may be included without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.

Claims (10)

1. A slide show method, comprising:
acquiring the stored data of the slide set from the database; the data structure of the stored data is JSON;
deserializing the stored data to generate a graphic element tree of each slide in the slide set;
rendering the graphic elements in each slide according to the graphic element tree of each slide to obtain each slide;
and displaying the slides.
2. The method of claim 1, wherein rendering the graphic elements in each slide according to the graphic element tree of each slide comprises:
for each node in the graph element tree for each slide, the graph element in the sub-graph element tree and/or the graph element corresponding to the node is rendered.
3. The method of claim 1, wherein said presenting said slides comprises:
and selecting a target slide from the slides according to the selection operation of the user.
4. The method according to claim 3, further comprising, after selecting a target slide from the slides according to a selection operation of a user:
updating the storage data of the graphic element tree of the target slide according to the editing operation of a user on the target graphic element in the target slide; wherein the editing operations include at least panning, zooming, filling, changing text, and adding graphical elements;
and regenerating the graphic element tree of the target slide according to the updated storage data.
5. The method according to claim 3, further comprising, after selecting a target slide from the slides according to a selection operation of a user:
if a slide switching instruction is identified, acquiring a switching effect name;
and configuring the switching effect of the target slide according to the style corresponding to the switching effect name.
6. The method of claim 1, wherein the stored data for the slide set is determined by:
for each slide in the slide set, traversing each child node of the tree of graphical elements in the slide; the child nodes comprise graph elements and/or child graph element trees;
serializing the attribute data of the graphic element corresponding to each child node and/or the graphic element in the child graphic element tree into JSON data; and the data structure of the attribute data is SVG.
7. The method according to any of claims 1-6, wherein the graphical elements comprise at least svg vector graphics, pixel pictures, HTML elements, text elements, and grouping containers.
8. A slide display apparatus, comprising:
the storage data acquisition module is used for acquiring the storage data of the slide set from the database; the data structure of the stored data is JSON;
the graphic element tree generating module is used for performing deserialization on the stored data to generate a graphic element tree of each slide in the slide set;
the control module is used for rendering the graphic elements in the slides according to the graphic element trees of the slides to obtain the slides;
and the display module is used for displaying the slides.
9. An electronic device, comprising:
one or more processors;
a memory for storing one or more programs;
the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the slide show method of any of claims 1-7.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the slide show method according to any one of claims 1 to 7.
CN202111321540.6A 2021-11-09 2021-11-09 Slide display method, apparatus, device and storage medium Pending CN114090666A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111321540.6A CN114090666A (en) 2021-11-09 2021-11-09 Slide display method, apparatus, device and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111321540.6A CN114090666A (en) 2021-11-09 2021-11-09 Slide display method, apparatus, device and storage medium

Publications (1)

Publication Number Publication Date
CN114090666A true CN114090666A (en) 2022-02-25

Family

ID=80299865

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111321540.6A Pending CN114090666A (en) 2021-11-09 2021-11-09 Slide display method, apparatus, device and storage medium

Country Status (1)

Country Link
CN (1) CN114090666A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116226418A (en) * 2023-01-28 2023-06-06 创云融达信息技术(天津)股份有限公司 Realization method of webpage version demonstration slide PPT

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116226418A (en) * 2023-01-28 2023-06-06 创云融达信息技术(天津)股份有限公司 Realization method of webpage version demonstration slide PPT

Similar Documents

Publication Publication Date Title
JP5209051B2 (en) Data system and method
CN1749958B (en) Common charting using shapes
US8194075B2 (en) Method and system for generating and displaying an interactive dynamic list view of multiply connected objects
JPWO2006137565A1 (en) Document processing apparatus and document processing method
JPWO2007034858A1 (en) Data management device, data editing device, data browsing device, data management method, data editing method, and data browsing method
JPWO2006051715A1 (en) Document processing apparatus and document processing method
CN111428457A (en) Automatic formatting of data tables
CN105517681A (en) Chart conversion system using metadata and method therefor
JP4521408B2 (en) Document processing apparatus and document processing method
JPWO2006051713A1 (en) Document processing apparatus and document processing method
CN111367514A (en) Page card development method and device, computing device and storage medium
CN116245052A (en) Drawing migration method, device, equipment and storage medium
JPWO2005098660A1 (en) Document processing apparatus and document processing method
CN114647409A (en) Large-screen visualization application creation platform, method, computing device and storage medium
CN114090666A (en) Slide display method, apparatus, device and storage medium
JP4723511B2 (en) Document processing apparatus and document processing method
JPWO2005098662A1 (en) Document processing apparatus and document processing method
JPWO2006051716A1 (en) Document processing apparatus and document processing method
JPWO2006051712A1 (en) Document processing apparatus and document processing method
JPWO2006051974A1 (en) Document processing apparatus and document processing method
CN113850884A (en) Method and device for generating mulberry basic diagram, electronic equipment and storage medium
JPWO2005098661A1 (en) Document processing apparatus and document processing method
JP4719743B2 (en) Graph processing device
JPWO2005098659A1 (en) Document processing apparatus and document processing method
JPWO2006051720A1 (en) Document processing apparatus, document processing method, and e-mail processing apparatus

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination