CN115272530B - Intelligent dynamic cover synthesis method and system for enterprise online education - Google Patents
Intelligent dynamic cover synthesis method and system for enterprise online education Download PDFInfo
- Publication number
- CN115272530B CN115272530B CN202210653959.XA CN202210653959A CN115272530B CN 115272530 B CN115272530 B CN 115272530B CN 202210653959 A CN202210653959 A CN 202210653959A CN 115272530 B CN115272530 B CN 115272530B
- Authority
- CN
- China
- Prior art keywords
- picture
- cover
- canvas
- template
- title
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/109—Font handling; Temporal or kinetic typography
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/186—Templates
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/20—Natural language analysis
- G06F40/258—Heading extraction; Automatic titling; Numbering
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
The invention provides an intelligent dynamic cover synthesis method and system for enterprise online education, and relates to the technical field of cover synthesis. Binding the pictures in the picture library with templates in the style library; obtaining a title of a learning resource, calculating the character length of the title, matching template data conforming to character length rules in a picture library, and jumping to a custom configuration cover if matching fails; if the matching is successful, selecting any template, and generating a complete cover data structure by combining the title content; creating a blank canvas; spreading the background picture over the whole canvas; drawing the title into the canvas according to the anchor point position of the title relative to the canvas; drawing a corresponding mark image in the canvas according to the anchor point position of the mark picture relative to the canvas and the set height of the mark picture; and exporting the canvas after drawing, and obtaining a corresponding picture format and picture quality to obtain a final cover picture. The cover design labor cost can be reduced, and infringement of pictures can be avoided as much as possible.
Description
Technical Field
The invention relates to the technical field of cover synthesis, in particular to an intelligent dynamic cover synthesis method and system for enterprise online education.
Background
In the field of enterprise online education, covers for learning resources are key factors for attracting trainees to click. Learning resource covers are generally divided into three important parts: one is the cover text: the text in the cover can enable the user to understand the content of the resource most intuitively. And the second is a background picture: the background picture is used for highlighting the subject and representing the effect of the overall mood; thirdly, typesetting: and combining the characters and the background to perform coordinated typesetting for unifying styles and improving reading experience.
The learning resource covers in the enterprise online education platform are manually uploaded by users. The cover art typically requires operators to communicate with the designer to design, draw, and export based on the content. This approach requires manual uploading by the user and is overly dependent on the user's own picture production capacity, and is inefficient, requiring high labor costs. In addition, the material of the cover picture is improperly used, especially the content fonts and picture materials generated by users are easy to infringe in a mode without verification.
Disclosure of Invention
The invention aims to provide an intelligent dynamic cover composing method for enterprise online education, which can reduce labor cost of cover design and avoid infringement of pictures as much as possible.
Embodiments of the present invention are implemented as follows:
in a first aspect, an embodiment of the present application provides an intelligent dynamic cover synthesis method for online education of enterprises, which includes creating a style library and a picture library for anchor point positioning of content information, and binding pictures in the picture library with templates in the style library; obtaining a title of a learning resource, calculating the character length of the title, matching template data conforming to character length rules in a picture library, and jumping to a custom configuration cover if matching fails; if the matching is successful, selecting any template, and generating a complete cover data structure by combining the title content; analyzing the width and height of the cover in the data structure as the width and height of the drawing container canvas, and creating a blank canvas; analyzing a background picture of the data structure, editing the background picture through a drawing program, and spreading the background picture over the whole canvas; analyzing the title data of the data structure, setting the relevant attribute of the template through a drawing program, traversing each text in the content, and drawing the title into a canvas according to the anchor point position of the title relative to the canvas; analyzing the mark picture data of the data structure, and drawing a corresponding mark image in the canvas according to the anchor point position of the mark picture relative to the canvas and the set height of the mark picture; and exporting the canvas after drawing, and obtaining a corresponding picture format and picture quality to obtain a final cover picture.
In some embodiments of the present invention, the step of creating a style gallery for anchor location of content information includes: acquiring default data of a template, and presetting a style title adaptation word number range suitable for the cover under different contents; and then analyzing the default data of the template, and drawing a default cover style template.
In some embodiments of the invention, further comprising: when the template is adjusted, the text box is dragged or edited by clicking a mouse, and the Event of the browser is triggered, so that the data in the template is acquired and calculated, wherein the anchor point position is the relative distance between the main and sub titles, the mark picture and the picture in the canvas and the top and left side of the container respectively.
In some embodiments of the present invention, the step of binding the pictures in the picture library with the templates in the style library comprises: classifying the pictures in a picture library, uploading background pictures, and then selecting one of the pictures in the picture library and the patterns in the pattern library to form a template; the data of the template comprises anchor point position information, character style configuration information and a background picture which are needed by the typesetting of the cover, and a configuration range for matching the number of the cover content words.
In some embodiments of the present invention, the step of jumping to the custom configuration cover includes: the user carries out self-defined manual configuration of the cover, adopts a default style and selects background pictures in the gallery as the cover, and can also select to actively upload the background pictures to form a new cover.
In some embodiments of the invention, relevant attributes of the template include font style, color category, shading style, and alignment.
In some embodiments of the present invention, the drawing program employs a Canvas drawing program based on Javascript script.
In a second aspect, an embodiment of the present application provides an intelligent dynamic synthesis cover system for online education of enterprises, which includes a preset module, configured to create a style library and a picture library for anchor point positioning of content information, and bind pictures in the picture library with templates in the style library; the matching module is used for obtaining the title of the learning resource, calculating the character length of the title, matching the template data conforming to the character length rule in the picture library, and jumping to the custom configuration cover if the matching fails; if the matching is successful, selecting any template, and generating a complete cover data structure by combining the title content; the canvas width and height analysis module is used for analyzing the width and height of the cover in the data structure as the width and height of the drawing container canvas, and creating a blank canvas; the background picture analysis module is used for analyzing the background picture of the data structure, editing the background picture through a drawing program and spreading the background picture over the whole canvas; the title analysis module is used for analyzing the title data of the data structure, setting the relevant attribute of the template through the drawing program, traversing each text in the content, and drawing the title into the canvas according to the anchor point position of the title relative to the canvas; the mark picture analysis module is used for analyzing mark picture data of the data structure, and drawing corresponding mark images in the canvas according to the anchor point positions of the mark pictures relative to the canvas and the set mark picture heights; and the result module is used for exporting the canvas after drawing, the corresponding picture format and picture quality, and obtaining the final cover picture.
In a third aspect, embodiments of the present application provide an electronic device comprising at least one processor, at least one memory, and a data bus; wherein: the processor and the memory complete the communication with each other through a data bus; the memory stores program instructions executable by the processor, the processor invoking the program instructions to perform an intelligent dynamic cover composition method for enterprise-oriented online education.
In a fourth aspect, embodiments of the present application provide a computer-readable storage medium having stored thereon a computer program that, when executed by a processor, implements a method for intelligent dynamic composition covers for enterprise-oriented online education.
Compared with the prior art, the embodiment of the invention has at least the following advantages or beneficial effects:
the design combines a picture library and a style library, and an intelligent dynamic cover synthesis technology is realized by packaging the picture library and the style library through Javascript and Canvas, and a learning resource cover with cover characters, background pictures and specific typesetting designs is generated by one key. Thus reducing the manpower consumption that each learning resource needs to be designed and drawn by a designer. The value of the background picture and the configuration pattern is improved to the greatest extent through the cross combination of the pattern and the picture. And the cover picture and the fonts used by the intelligent synthesis technology method are all resources with the use right which are uniformly audited, managed and configured, so that the problem that a user generates the content fonts and infringes on the picture materials by himself is avoided to a certain extent. Meanwhile, content typesetting and styles are configured in a style library in a dragging mode, wherein the content typesetting and styles comprise an adaptive word number range of titles (main titles and sub-titles), a font style, an anchor point position, a width and height of logo (logo picture) and an anchor point position. The background pictures with different styles are stored in the picture library, and can be cross-combined to form a batch of templates by means of the combination of the background pictures and the styles in the style library. When the resource allocation is learned, the intelligent synthesis technical method matches the adaptive optimal template according to the length of the main title input by the user, the user requirement is met by one key as far as possible, meanwhile, all the adjustment on the configurable parameters can be carried out on the matched template, and finally, the Canvas is used for drawing and generating the optimal learning resource cover. Therefore, labor cost of cover design is reduced, and infringement of pictures is avoided as much as possible.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings that are needed in the embodiments will be briefly described below, it being understood that the following drawings only illustrate some embodiments of the present invention and therefore should not be considered as limiting the scope, and other related drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flow chart of a method for intelligently and dynamically synthesizing covers for enterprise online education in accordance with the present invention;
FIG. 2 is a flow chart of a method for intelligently and dynamically synthesizing covers for enterprise online education in the invention;
FIG. 3 is another flow chart of a method for intelligently and dynamically synthesizing covers for enterprise-oriented online education in accordance with the present invention;
FIG. 4 is a schematic diagram of a system for intelligent dynamic composition of covers for enterprise online education according to the present invention;
fig. 5 is a schematic structural diagram of an electronic device according to the present invention.
Icon: 1. a preset module; 2. a matching module; 3. a canvas width and height analysis module; 4. a background picture analysis module; 5. a title analysis module; 6. a logo picture analysis module; 7. a result module; 8. a processor; 9. a memory; 10. a data bus.
Detailed Description
For the purposes of making the objects, technical solutions and advantages of the embodiments of the present application more clear, the technical solutions of the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is apparent that the described embodiments are some embodiments of the present application, but not all embodiments. The components of the embodiments of the present application, which are generally described and illustrated in the figures herein, may be arranged and designed in a wide variety of different configurations.
Thus, the following detailed description of the embodiments of the present application, as provided in the accompanying drawings, is not intended to limit the scope of the application, as claimed, but is merely representative of selected embodiments of the application. All other embodiments, which can be made by one of ordinary skill in the art based on the embodiments herein without making any inventive effort, are intended to be within the scope of the present application.
It should be noted that: like reference numerals and letters denote like items in the following figures, and thus once an item is defined in one figure, no further definition or explanation thereof is necessary in the following figures.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
In the description of the present application, it should also be noted that, unless explicitly specified and limited otherwise, the terms "disposed," "connected," and "connected" are to be construed broadly, and may be, for example, fixedly connected, detachably connected, or integrally connected; can be mechanically or electrically connected; can be directly connected or indirectly connected through an intermediate medium, and can be communication between two elements. The specific meaning of the terms in this application will be understood by those of ordinary skill in the art in a specific context.
Some embodiments of the present application are described in detail below with reference to the accompanying drawings. The various embodiments and features of the embodiments described below may be combined with one another without conflict.
Example 1
Referring to fig. 1 and fig. 2, in order to provide an intelligent dynamic cover synthesis method for online education of enterprises in the embodiments of the present application, the present design combines a picture library and a style library, and implements an intelligent dynamic cover synthesis technology by encapsulation through Javascript and Canvas, and generates a learning resource cover with cover text, a background picture and a specific typesetting design by one key. Thus reducing the manpower consumption that each learning resource needs to be designed and drawn by a designer. The value of the background picture and the configuration pattern is improved to the greatest extent through the cross combination of the pattern and the picture. And the cover picture and the fonts used by the intelligent synthesis technology method are all resources with the use right which are uniformly audited, managed and configured, so that the problem that a user generates the content fonts and infringes on the picture materials by himself is avoided to a certain extent. Meanwhile, content typesetting and styles are configured in a style library in a dragging mode, wherein the content typesetting and styles comprise an adaptive word number range of titles (main titles and sub-titles), a font style, an anchor point position, a width and height of logo (logo picture) and an anchor point position. The background pictures with different styles are stored in the picture library, and can be cross-combined to form a batch of templates by means of the combination of the background pictures and the styles in the style library. When the resource allocation is learned, the intelligent synthesis technical method matches the adaptive optimal template according to the length of the main title input by the user, the user requirement is met by one key as far as possible, meanwhile, all the adjustment on the configurable parameters can be carried out on the matched template, and finally, the Canvas is used for drawing and generating the optimal learning resource cover. Therefore, labor cost of cover design is reduced, and infringement of pictures is avoided as much as possible. The specific implementation mode is as follows:
s1: creating a style library and a picture library for anchor point positioning of content information, and binding pictures in the picture library with templates in the style library;
the step is mainly used for preprocessing data of the follow-up intelligent dynamic synthetic covers, and the binding of the follow-up intelligent dynamic synthetic covers has all parameters of the synthetic covers.
S2: obtaining a title of a learning resource, calculating the character length of the title, matching template data conforming to character length rules in a picture library, and jumping to a custom configuration cover if matching fails; if the matching is successful, selecting any template, and generating a complete cover data structure by combining the title content;
first, the title (including the main title and the sub-title) is determined, and the object is to generate a cover main body structure adapted to the title, so that the structure is used to obtain the width and height data, the background picture, the title data and the logo picture data required later.
S3: analyzing the width and height of the cover in the data structure as the width and height of the drawing container canvas, and creating a blank canvas;
in the embodiment, the Javascript and the Canvas are packaged, so that the width and the height of the cover in the data structure are analyzed to be used as the width and the height of Canvas of the Canvas container;
s4: analyzing a background picture of the data structure, editing the background picture through a drawing program, and spreading the background picture over the whole canvas;
after the blank canvas is completed, the required elements need to be added, and for the background picture to be the bottom layer of the whole cover content, the background picture needs to be laid on the canvas.
S5: analyzing the title data of the data structure, setting the relevant attribute of the template through a drawing program, traversing each text in the content, and drawing the title into a canvas according to the anchor point position of the title relative to the canvas;
wherein, the relevant attributes of the template comprise font style, color, shade and alignment mode. These determine the visual effect of the template and then place the bar title into the canvas.
S6: analyzing the mark picture data of the data structure, and drawing a corresponding mark image in the canvas according to the anchor point position of the mark picture relative to the canvas and the set height of the mark picture;
the logo picture (i.e. logo) is set according to the needs, and the anchor point position of the content can be preset by a user or a developer according to the needs of the user or the developer.
S7: and exporting the canvas after drawing, and obtaining a corresponding picture format and picture quality to obtain a final cover picture.
Referring to fig. 3, in some embodiments of the present invention, the step of creating a style gallery for anchor point positioning of content information includes: s11: acquiring default data of a template, and presetting a style title adaptation word number range suitable for the cover under different contents; and then analyzing the default data of the template, and drawing a default cover style template.
Obtaining default data of a template, wherein the default data comprises information such as the pixel size of a cover, the number range of main title words adapted by the style, related data of main and sub titles, anchor point positioning, character color styles and the like; the style main title adaptation word count range is a suitable cover for more accurate matching to different content. The content in the data structure can be analyzed by the intelligent dynamic cover synthesizing method, and then the data is analyzed and a default cover style template is drawn through the Javascript script combined with Canvas.
In some embodiments of the invention, further comprising: when the template is adjusted, the text box is dragged or edited by clicking a mouse, and the Event of the browser is triggered, so that the data in the template is acquired and calculated, wherein the anchor point position is the relative distance between the main and sub titles, the mark picture and the picture in the canvas and the top and left side of the container respectively.
Referring to fig. 3, in some embodiments of the present invention, the step of binding the pictures in the picture library with the templates in the style library includes: s12: classifying the pictures in a picture library, uploading background pictures, and then selecting one of the pictures in the picture library and the patterns in the pattern library to form a template; the data of the template comprises anchor point position information, character style configuration information and a background picture which are needed by the typesetting of the cover, and a configuration range for matching the number of the cover content words.
After the data acquisition, only the content of one title (including the main title and the sub-title) is needed at this time, and all parameters of the synthetic covers are provided, and the title content is selected by the user, and subsequent steps are performed after the selection.
In some embodiments of the present invention, the step of jumping to the custom configuration cover includes: the user carries out self-defined manual configuration of the cover, adopts a default style and selects background pictures in the gallery as the cover, and can also select to actively upload the background pictures to form a new cover.
For the background pictures, after the number of disciplines is increased, the fact that the templates are not preset in the discipline subdivision categories may exist, so that a user can still select the background pictures of the user to generate the covers. The convenience is improved.
In some embodiments of the invention, relevant attributes of the template include font style, color category, shading style, and alignment.
In some embodiments of the present invention, the drawing program employs a Canvas drawing program based on Javascript script.
Example 2
Referring to fig. 4, the intelligent dynamic synthesis cover system for online education of enterprises provided by the invention comprises a preset module 1, a template binding module and a template binding module, wherein the preset module 1 is used for creating a style library and a picture library for anchor point positioning of content information and binding pictures in the picture library with the template in the style library; the matching module 2 is used for obtaining the title of the learning resource, calculating the character length of the title, matching the template data conforming to the character length rule in the picture library, and jumping to the custom configuration cover if the matching fails; if the matching is successful, selecting any template, and generating a complete cover data structure by combining the title content; the canvas width and height analysis module 3 is used for analyzing the width and height of the cover in the data structure as the width and height of the drawing container canvas, and creating a blank canvas; the background picture analysis module 4 is used for analyzing the background picture of the data structure, editing the background picture through a drawing program and spreading the background picture over the whole canvas; the title analysis module 5 is used for analyzing the title data of the data structure, setting the relevant attribute of the template through the drawing program, traversing each text in the content, and drawing the title into the canvas according to the anchor point position of the title relative to the canvas; the mark picture analysis module 6 is used for analyzing mark picture data of the data structure, and drawing corresponding mark images in the canvas according to the anchor point positions of the mark pictures relative to the canvas and the set mark picture heights; and the result module 7 is used for exporting the canvas after drawing, the corresponding picture format and picture quality, and obtaining the final cover picture.
Example 3
Referring to fig. 5, an electronic device according to the present invention includes at least one processor 8, at least one memory 9 and a data bus 10; wherein: the processor 8 and the memory 9 complete the communication with each other through the data bus 10; the memory 9 stores program instructions executable by the processor 8, and the processor 8 invokes the program instructions to perform an intelligent dynamic cover composition method for enterprise-oriented online education. For example, implementation:
creating a style library and a picture library for anchor point positioning of content information, and binding pictures in the picture library with templates in the style library; obtaining a title of a learning resource, calculating the character length of the title, matching template data conforming to character length rules in a picture library, and jumping to a custom configuration cover if matching fails; if the matching is successful, selecting any template, and generating a complete cover data structure by combining the title content; analyzing the width and height of the cover in the data structure as the width and height of the drawing container canvas, and creating a blank canvas; analyzing a background picture of the data structure, editing the background picture through a drawing program, and spreading the background picture over the whole canvas; analyzing the title data of the data structure, setting the relevant attribute of the template through a drawing program, traversing each text in the content, and drawing the title into a canvas according to the anchor point position of the title relative to the canvas; analyzing the mark picture data of the data structure, and drawing a corresponding mark image in the canvas according to the anchor point position of the mark picture relative to the canvas and the set height of the mark picture; and exporting the canvas after drawing, and obtaining a corresponding picture format and picture quality to obtain a final cover picture.
Example 4
The present invention provides a computer readable storage medium having stored thereon a computer program which when executed by a processor 8 implements an intelligent dynamic cover composition method for enterprise-oriented online education. For example, implementation:
creating a style library and a picture library for anchor point positioning of content information, and binding pictures in the picture library with templates in the style library; obtaining a title of a learning resource, calculating the character length of the title, matching template data conforming to character length rules in a picture library, and jumping to a custom configuration cover if matching fails; if the matching is successful, selecting any template, and generating a complete cover data structure by combining the title content; analyzing the width and height of the cover in the data structure as the width and height of the drawing container canvas, and creating a blank canvas; analyzing a background picture of the data structure, editing the background picture through a drawing program, and spreading the background picture over the whole canvas; analyzing the title data of the data structure, setting the relevant attribute of the template through a drawing program, traversing each text in the content, and drawing the title into a canvas according to the anchor point position of the title relative to the canvas; analyzing the mark picture data of the data structure, and drawing a corresponding mark image in the canvas according to the anchor point position of the mark picture relative to the canvas and the set height of the mark picture; and exporting the canvas after drawing, and obtaining a corresponding picture format and picture quality to obtain a final cover picture.
The Memory 9 may be, but is not limited to, a random access Memory (Random Access Memory, RAM), a Read Only Memory (ROM), a programmable Read Only Memory (Programmable Read-Only Memory, PROM), an erasable Read Only Memory (Erasable Programmable Read-Only Memory, EPROM), an electrically erasable Read Only Memory (Electric Erasable Programmable Read-Only Memory, EEPROM), etc.
The processor 8 may be an integrated circuit chip with signal processing capabilities. The processor 8 may be a general purpose processor including a central processing unit (Central Processing Unit, CPU), a network processor (Network Processor, NP), etc.; but also digital signal processors (Digital Signal Processing, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), field programmable gate arrays (Field-Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components.
The foregoing description is only of the preferred embodiments of the present application and is not intended to limit the same, but rather, various modifications and variations may be made by those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principles of the present application should be included in the protection scope of the present application.
It will be evident to those skilled in the art that the present application is not limited to the details of the foregoing illustrative embodiments, and that the present application may be embodied in other specific forms without departing from the spirit or essential characteristics thereof. The present embodiments are, therefore, to be considered in all respects as illustrative and not restrictive, the scope of the application being indicated by the appended claims rather than by the foregoing description, and all changes which come within the meaning and range of equivalency of the claims are therefore intended to be embraced therein. Any reference sign in a claim should not be construed as limiting the claim concerned.
Claims (7)
1. An intelligent dynamic cover composing method for enterprise online education is characterized by comprising the following steps:
creating a style library and a picture library for anchor point positioning of content information, and binding pictures in the picture library with templates in the style library;
obtaining a title of a learning resource, calculating the character length of the title, matching template data conforming to the rule of the character length in the picture library, and jumping to a custom configuration cover if matching fails; if the matching is successful, selecting any template, and generating a complete cover data structure by combining the title content;
analyzing the width and height of the cover in the data structure as the width and height of the drawing container canvas, and creating a blank canvas;
analyzing a background picture of the data structure, editing the background picture through a drawing program, and spreading the background picture over the whole canvas;
analyzing the title data of the data structure, setting the relevant attribute of the template through a drawing program, traversing each text in the content, and drawing the title into a canvas according to the anchor point position of the title relative to the canvas;
analyzing the mark picture data of the data structure, and drawing a corresponding mark image in the canvas according to the anchor point position of the mark picture relative to the canvas and the set height of the mark picture;
exporting the canvas after drawing, and obtaining a corresponding picture format and picture quality to obtain a final cover picture;
the step of creating a style gallery for anchor point positioning of content information includes:
acquiring default data of a template, and presetting a style title adaptation word number range suitable for the cover under different contents; analyzing the default data of the template, and drawing a default cover style template;
the method further comprises the steps of:
when the template is adjusted, clicking a drag or edit text box through a mouse, triggering an Event of a browser, and thus obtaining and calculating data in the template, wherein the anchor point position is used for calculating the relative distances between a main title, a subtitle, a logo picture and a picture in a canvas and the top and left side of a container respectively;
the step of binding the pictures in the picture library with the templates in the style library comprises the following steps:
classifying the pictures in the picture library, and uploading background pictures;
then selecting one of the pictures in the picture library and the patterns in the pattern library to form a template;
the data of the template comprises anchor point position information, character style configuration information and a background picture which are needed by cover typesetting, and a configuration range for matching the number of cover content words.
2. The method for intelligently and dynamically synthesizing covers for enterprise-oriented online education of claim 1, wherein the step of jumping to the custom configuration covers comprises:
the user carries out self-defined manual configuration of the cover, adopts a default style and selects a background picture in a gallery as the cover, or the user actively uploads the background picture to form a new cover.
3. The intelligent dynamic cover composing method for enterprise-oriented online education as claimed in claim 1, wherein the relevant attributes of the template include font style, color type, shadow style and alignment.
4. The intelligent dynamic cover composing method for enterprise-oriented online education as claimed in claim 1, wherein the drawing program adopts Canvas drawing program based on Javascript script.
5. An intelligent dynamic synthetic cover system for enterprise online education, comprising:
the system comprises a presetting module, a content information processing module and a template processing module, wherein the presetting module is used for creating a style library and a picture library for carrying out anchor point positioning on the content information and binding pictures in the picture library with the template in the style library;
the matching module is used for obtaining the title of the learning resource, calculating the character length of the title, matching the template data conforming to the rule of the character length in the picture library, and jumping to the custom configuration cover if the matching fails; if the matching is successful, selecting any template, and generating a complete cover data structure by combining the title content;
the canvas width and height analysis module is used for analyzing the width and height of the cover in the data structure as the width and height of the drawing container canvas, and creating a blank canvas;
the background picture analysis module is used for analyzing the background picture of the data structure, editing the background picture through a drawing program and spreading the background picture over the whole canvas;
the title analysis module is used for analyzing the title data of the data structure, setting the relevant attribute of the template through a drawing program, traversing each text in the content, and drawing the title into the canvas according to the anchor point position of the title relative to the canvas;
the mark picture analysis module is used for analyzing mark picture data of the data structure, and drawing corresponding mark images in the canvas according to the anchor point positions of the mark pictures relative to the canvas and the set mark picture heights;
the result module is used for exporting the canvas after drawing, the corresponding picture format and picture quality, and obtaining the final cover picture;
in the preset module, the step of creating a style library for anchor point positioning of the content information comprises the following steps:
acquiring default data of a template, and presetting a style title adaptation word number range suitable for the cover under different contents; analyzing the default data of the template, and drawing a default cover style template;
the system further comprises:
when the template is adjusted, clicking a drag or edit text box through a mouse, triggering an Event of a browser, and thus obtaining and calculating data in the template, wherein the anchor point position is used for calculating the relative distances between a main title, a subtitle, a logo picture and a picture in a canvas and the top and left side of a container respectively;
the step of binding the pictures in the picture library with the templates in the style library in the preset module comprises the following steps:
classifying the pictures in the picture library, and uploading background pictures;
then selecting one of the pictures in the picture library and the patterns in the pattern library to form a template;
the data of the template comprises anchor point position information, character style configuration information and a background picture which are needed by cover typesetting, and a configuration range for matching the number of cover content words.
6. An electronic device comprising at least one processor, at least one memory, and a data bus; wherein: the processor and the memory complete communication with each other through the data bus; the memory stores program instructions for execution by the processor, the processor invoking the program instructions to perform the method of any of claims 1-4.
7. A computer readable storage medium, on which a computer program is stored, which computer program, when being executed by a processor, implements the method according to any of claims 1-4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210653959.XA CN115272530B (en) | 2022-06-09 | 2022-06-09 | Intelligent dynamic cover synthesis method and system for enterprise online education |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210653959.XA CN115272530B (en) | 2022-06-09 | 2022-06-09 | Intelligent dynamic cover synthesis method and system for enterprise online education |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN115272530A CN115272530A (en) | 2022-11-01 |
| CN115272530B true CN115272530B (en) | 2023-06-16 |
Family
ID=83758833
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210653959.XA Active CN115272530B (en) | 2022-06-09 | 2022-06-09 | Intelligent dynamic cover synthesis method and system for enterprise online education |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115272530B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117056630A (en) * | 2023-08-28 | 2023-11-14 | 广东保伦电子股份有限公司 | Webpage layout picture display method, system, terminal equipment and medium |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109472847A (en) * | 2018-10-16 | 2019-03-15 | 平安普惠企业管理有限公司 | A kind of image processing method, system and terminal device |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP4762827B2 (en) * | 2006-08-22 | 2011-08-31 | 富士フイルム株式会社 | Electronic album generation apparatus, electronic album generation method, and program thereof |
| US8471878B2 (en) * | 2011-02-24 | 2013-06-25 | Cobra Systems, Inc. | Sign maker templates for producing centered labels and methods of use |
| US9098584B1 (en) * | 2012-07-19 | 2015-08-04 | Google Inc. | Image search privacy protection techniques |
| CN110889883B (en) * | 2019-11-29 | 2022-07-15 | 焦点科技股份有限公司 | Self-adaptive intelligent banner advertisement picture generation method and system |
| CN111580909B (en) * | 2020-05-08 | 2023-05-05 | 广州市百果园信息技术有限公司 | Picture generation method, device, equipment and storage medium |
| CN112257406A (en) * | 2020-10-23 | 2021-01-22 | 上海趣蕴网络科技有限公司 | Content cover generator and method based on web front end |
-
2022
- 2022-06-09 CN CN202210653959.XA patent/CN115272530B/en active Active
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109472847A (en) * | 2018-10-16 | 2019-03-15 | 平安普惠企业管理有限公司 | A kind of image processing method, system and terminal device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN115272530A (en) | 2022-11-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP4095558B2 (en) | Document processing apparatus, document processing method, and computer program | |
| CN109614424B (en) | Page layout generation method, device, computing equipment and medium | |
| US8593666B2 (en) | Method and system for printing a web page | |
| DE60312572T2 (en) | Method and apparatus for converting digital images of hand drawings for further use in a structured text / graphics editor. | |
| US6934052B2 (en) | Method for image layout using energy minimization | |
| US8578269B2 (en) | Information processing apparatus for performing a layout processing of sub-templates, information processing method and computer-readable medium | |
| DE602004006682T2 (en) | Extraction of metadata from marked areas of a document | |
| US20050193334A1 (en) | Layout system, layout apparatus, layout program, template selection program, storage medium having stored therein layout program, and storage medium having stored therein template selection program, as well as layout method | |
| US11860968B2 (en) | System and method for integrating user feedback into website building system services | |
| CN109408764B (en) | Page area dividing method, device, computing equipment and medium | |
| CN110780873B (en) | Interface color adaptation method, device, computer equipment and storage medium | |
| US20060174199A1 (en) | Web-based design system | |
| WO2018020462A1 (en) | System and method for implementing containers which extract and apply semantic page knowledge | |
| CN107943924B (en) | Method for automatically generating webpage theme, storage medium and electronic equipment | |
| US11137985B2 (en) | User interface stencil automation | |
| CN115272530B (en) | Intelligent dynamic cover synthesis method and system for enterprise online education | |
| CN112257406A (en) | Content cover generator and method based on web front end | |
| US10558745B2 (en) | Information processing apparatus and non-transitory computer readable medium | |
| CN113435162A (en) | Plane design method and system based on artificial intelligence and historical data template | |
| US11475205B2 (en) | Automatically locating elements in user interfaces | |
| US20100269036A1 (en) | System and method for designing and generating online stationery | |
| US20140136962A1 (en) | Method and System for Detecting and Removing Printer Control Marks from Rasterized Image for Placement in Image Container of Document Template | |
| JP6623603B2 (en) | Information processing device and program | |
| KR102389450B1 (en) | System and method for package manufacturing | |
| CN116954605A (en) | Page generation method and device and electronic equipment |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |