CN109343772A - 一种基于h5页面的海报生成方法、系统、装置及存储介质 - Google Patents
一种基于h5页面的海报生成方法、系统、装置及存储介质 Download PDFInfo
- Publication number
- CN109343772A CN109343772A CN201811181233.0A CN201811181233A CN109343772A CN 109343772 A CN109343772 A CN 109343772A CN 201811181233 A CN201811181233 A CN 201811181233A CN 109343772 A CN109343772 A CN 109343772A
- Authority
- CN
- China
- Prior art keywords
- poster
- page
- display state
- bottom plate
- chosen
- 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
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
Abstract
本发明公开了一种基于H5页面的海报生成方法、系统、装置及存储介质，该方法包括：读取海报底板，并显示可供选择的用于生成海报的所有元素；接收输入的操作数据后，选中对应的用于生成海报的元素，并为该元素设置参数；将选中的所有元素的参数分别输入到相应元素的生成代码中，调整各元素的显示状态；根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报。本发明只需要输入操作数据调整元素的参数，输入到相应元素的生成代码中即可快速调整元素的显示状态，无需修改元素对应的生成代码，可以快速、高效地根据定制化需求生成相应的海报，可广泛应用于软件技术行业中。
Description
技术领域
本发明涉及互联网技术领域，特别是涉及一种基于H5页面的海报生成方法、系统、装置及存储介质。
背景技术
随着互联网的发展，用户与用户之间的互动交流方式越来越多，用户之间不仅可以通过各种应用程序进行文字、音视频沟通，还可以进行各种文件、链接等资源的分享，例如将一些图片或者数据生成海报后进行分享，更加直观。但是传统技术中，海报都采用点分享的方式，所生成的海报中，大部分参数都是已经写死在代码里面的静态的量，而动态的量，包括名称、名称位置、字体颜色、头像大小等的位置也是由程序员写死在固定位置，当需要进行修改时，需要后台程序员一一测量或者计算其具体位置后，再生成代码，与静态量的代码合成后，形成海报，这种方式，生成海报的速度较慢，效率低下，不适合根据定制化需求生成海报。
发明内容
为了解决上述的技术问题，本发明的目的是提供一种各元素的预设显示位置后的基于H5页面的海报生成方法、系统、装置及存储介质。
一方面，本发明实施例提供了一种基于H5页面的海报生成方法，包括以下步骤：
读取海报底板，并显示可供选择的用于生成海报的所有元素；
接收输入的操作数据后，选中对应的用于生成海报的元素，并为该元素设置参数；
将选中的所有元素的参数分别输入到相应元素的生成代码中，调整各元素的显示状态；
根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报。
进一步，所述元素包括名称、名称位置、字体颜色、头像大小、头像位置和账号ID中的至少一个。
进一步，所述根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报这一步骤中，所生成的海报包括有链接到海报存储地址的访问入口。
进一步，所述访问入口为二维码。
进一步，所述根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报这一步骤中，通过GD库生成海报。
进一步，所述根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报这一步骤，其具体为：
根据选中的所有元素的调整后的显示状态，读取各元素的预设显示位置后，将各元素按照其调整后的显示状态填充到海报底板中，生成相应的海报。
进一步，所述将各元素按照其调整后的显示状态填充到海报底板中，生成相应的海报这一步骤中，当判断有两个以上元素之间存在重叠情况时，按预设调整规则调整存在重叠情况的元素的大小，直到元素之间不再重叠或者达到预设调整比例阈值。
另一方面，本发明实施例还提供了一种基于H5页面的海报生成系统，包括：
至少一个处理器；
至少一个存储器，用于存储至少一个程序；
当所述至少一个程序被所述至少一个处理器执行，使得所述至少一个处理器实现本发明实施例所述的基于H5页面的海报生成方法。
另一方面，本发明实施例还提供了一种基于H5页面的海报生成装置，包括：
读取模块，用于读取海报底板，并显示可供选择的用于生成海报的所有元素；
设置模块，用于接收输入的操作数据后，选中对应的用于生成海报的元素，并为该元素设置参数；
响应模块，用于将选中的所有元素的参数分别输入到相应元素的生成代码中，调整各元素的显示状态；
生成模块，用于根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报。
另一方面，本发明实施例还提供了一种存储介质，其存储有处理器可执行的指令，所述处理器可执行的指令在由处理器执行时用于执行本发明实施例所述的基于H5页面的海报生成方法。
本方法在读取海报底板后，显示该海报底板的可供选择的用于生成海报的所有元素，然后接收用户输入的操作数据后，选中对应的用于生成海报的元素，并根据用户输入的操作数据为该元素设置参数，从而将选中的所有元素的参数分别输入到相应元素的生成代码中，调整各元素的显示状态后，基于海报底板生成相应的海报。当需要定制化生成海报时，只需要输入操作数据调整元素的参数，输入到相应元素的生成代码中即可快速调整元素的显示状态，无需修改元素对应的生成代码，可以快速、高效地根据定制化需求生成相应的海报。
附图说明
下面结合附图和实施例对本发明作进一步说明。
图1是本发明具体实施例的一种基于H5页面的海报生成方法的流程图；
图2是本发明具体实施例的一种基于H5页面的海报生成系统的电子框图；
图3是本发明具体实施例的一种基于H5页面的海报生成装置的电子框图。
具体实施方式
对于本发明实施例中的步骤编号，其仅为了便于阐述说明而设置，对步骤之间的顺序不做任何限定，实施例中的各步骤的执行顺序均可根据本领域技术人员的理解来进行适应性调整。
参照图1，本实施例提供了一种基于H5页面的海报生成方法，本实施例提供的海报生成方法可以由单个计算机执行，也可以由多个计算机组成的计算机系统或者服务器群组来执行，该方法包括以下步骤：
S1、读取海报底板，并显示可供选择的用于生成海报的所有元素；其中，每个元素在海报底板上具有预设显示位置；
S2、接收输入的操作数据后，选中对应的用于生成海报的元素，并为该元素设置参数；这里，输入的操作数据是用户通过触控屏幕或者键盘等输入装置所输入的操作数据，用户通过输入操作数据来选择元素；
S3、将选中的所有元素的参数分别输入到相应元素的生成代码中，调整各元素的显示状态；
S4、根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报。本步骤中，因为每个元素在海报底板上具有预设显示位置，调整元素的显示状态后，基于海报底板生成相应的海报这一步骤，是直接在海报底板上每个元素的预设显示位置上显示元素的调整后的显示状态，从而获得我们需要的海报。
海报底板是指用于生成海报的模板，可以是空白模板，可以是带有底图的模板，也可以是带有底图和一些基础文字或者图形、符号等内容的模板，具体可以根据需要进行设置。
本实施例中，每个海报底板都对应关联有用于生成海报的多个元素，且每个元素在海报底板上具有预设显示位置，不同的海报底板，关联的多个元素可以相同，也可以不同，根据具体需求进行设置即可。
本方法在读取海报底板后，显示该海报底板的可供选择的用于生成海报的所有元素，然后接收用户输入的操作数据后，选中对应的用于生成海报的元素，并根据用户输入的操作数据为该元素设置参数，从而将选中的所有元素的参数分别输入到相应元素的生成代码中，调整各元素的显示状态后，基于海报底板生成相应的海报。当需要定制化生成海报时，只需要输入操作数据调整元素的参数，输入到相应元素的生成代码中即可快速调整元素的显示状态，无需修改元素对应的生成代码，可以快速、高效地根据定制化需求生成相应的海报。
进一步作为优选的实施方式，所述方法还包括以下步骤：
S0、针对用于生成海报的所有元素，预先编译获得各元素对应的生成代码，所述生成代码以元素的参数作为输入参数。
本步骤为初始化步骤，通过预先编译获得各元素对应的生成代码，且元素的生成代码以元素的参数作为输入参数后，后续要生成相应元素，只要直接获取元素相应的生成代码，输入相应的参数即可。例如，预先编译获得元素1、元素2、元素3的生成代码分别为代码1、代码2、代码3，元素1的参数为a1、b1，元素2的参数为a2、b2、c2，元素3的参数为a3、b3，则要生成元素2时，只要输入参数a2、b2、c2到代码2中即可调整元素2的显示状态，获得具体需要生成的元素2。同样的，要生成元素3时，只要输入参数a3、b3到代码3中，即可调整元素3的显示状态，获得具体需要生成的元素3。
进一步作为优选的实施方式，所述元素包括名称、名称位置、字体颜色、头像大小、头像位置和账号ID中的至少一个。这里，账号ID用于唯一标识用户，例如可以是用户的注册账号、邮箱或者是生成的唯一的随机串等。名称是指生成海报的名称，名称位置是指名称的具体位置，还可以进一步包括名称的大小等。字体颜色是指海报上字体的颜色，可以指名称的颜色，也可以是其它显示内容的颜色，例如一些注释的颜色。定制化生成海报的需求中，很多会根据应用程序的用户头像来生成对应的海报，因此这里，元素也可以包括头像大小、头像位置等信息。
进一步作为优选的实施方式，所述根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报这一步骤中，所生成的海报包括有链接到海报存储地址的访问入口。这里，访问入口可以是各种形式的访问接口，例如访问链接、访问图片等。优选的，访问入口为二维码，从而用户可以通过扫描或者识别海报上的二维码，连接生成海报的应用程序平台进行相关操作。
进一步作为优选的实施方式，所述根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报这一步骤中，通过GD库生成海报。通过GD库可以简单、快捷地进行数据处理，生成所需的海报。
进一步作为优选的实施方式，所述根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报这一步骤，其具体为：
根据选中的所有元素的调整后的显示状态，读取各元素的预设显示位置后，将各元素按照其调整后的显示状态填充到海报底板中，生成相应的海报。本方法中，只需要输入操作数据调整元素的显示状态，后续直接将各元素按照其调整后的显示状态填充到海报底板中各元素的预设显示位置处，即可生成相应的海报，简单、便捷、高效。
进一步作为优选的实施方式，所述将各元素按照其调整后的显示状态填充到海报底板中，生成相应的海报这一步骤中，当判断有两个以上元素之间存在重叠情况时，按预设调整规则调整存在重叠情况的元素的大小，直到元素之间不再重叠或者达到预设调整比例阈值。这里，预设调整规则可以是按照设定的优先级来依序调整，例如，按照优先级顺序依次调整元素A、元素B、元素C等的大小，也可以是按照相同的比例来调整，例如按照相同的比例同时将存在重叠情况的元素调小，还可以是将存在重叠情况的元素的大小调整为预设大小等，可以根据用户的需求进行各种调整。
系统实施例
参照图2，本实施例提供了一种基于H5页面的海报生成系统，包括：
至少一个处理器100；
至少一个存储器200，用于存储至少一个程序；
当所述至少一个程序被所述至少一个处理器100执行，使得所述至少一个处理器100实现所述的基于H5页面的海报生成方法。
本系统当需要定制化生成海报时，只需要输入操作数据调整元素的参数，输入到相应元素的生成代码中即可快速调整元素的显示状态，无需修改元素对应的生成代码，可以快速、高效地根据定制化需求生成相应的海报。
本实施例的一种基于H5页面的海报生成系统，可执行本发明方法实施例所提供的一种基于H5页面的海报生成方法，可执行方法实施例的任意组合实施步骤，具备该方法相应的功能和有益效果。
装置实施例
参照图3，本实施例提供了一种基于H5页面的海报生成装置，包括：
读取模块，用于读取海报底板，并显示可供选择的用于生成海报的所有元素；
设置模块，用于接收输入的操作数据后，选中对应的用于生成海报的元素，并为该元素设置参数；
响应模块，用于将选中的所有元素的参数分别输入到相应元素的生成代码中，调整各元素的显示状态；
生成模块，用于根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报。
本装置当需要定制化生成海报时，只需要输入操作数据调整元素的参数，输入到相应元素的生成代码中即可快速调整元素的显示状态，无需修改元素对应的生成代码，可以快速、高效地根据定制化需求生成相应的海报。
本实施例的一种基于H5页面的海报生成装置，可执行本发明方法实施例所提供的一种基于H5页面的海报生成方法，可执行方法实施例的任意组合实施步骤，具备该方法相应的功能和有益效果。
另外，本发明实施例还提供了一种存储介质，其存储有处理器可执行的指令，所述处理器可执行的指令在由处理器执行时用于执行本发明方法实施例所述的基于H5页面的海报生成方法，当需要定制化生成海报时，只需要输入操作数据调整元素的参数，输入到相应元素的生成代码中即可快速调整元素的显示状态，无需修改元素对应的生成代码，可以快速、高效地根据定制化需求生成相应的海报。
以上是对本发明的较佳实施进行了具体说明，但本发明创造并不限于所述实施例，熟悉本领域的技术人员在不违背本发明精神的前提下还可做出种种的等同变形或替换，这些等同的变型或替换均包含在本申请权利要求所限定的范围内。
Claims (10)
1.一种基于H5页面的海报生成方法，其特征在于，包括以下步骤：
读取海报底板，并显示可供选择的用于生成海报的所有元素；
接收输入的操作数据后，选中对应的用于生成海报的元素，并为该元素设置参数；
将选中的所有元素的参数分别输入到相应元素的生成代码中，调整各元素的显示状态；
根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报。
2.根据权利要求1所述的基于H5页面的海报生成方法，其特征在于，所述元素包括名称、名称位置、字体颜色、头像大小、头像位置和账号ID中的至少一个。
3.根据权利要求1所述的基于H5页面的海报生成方法，其特征在于，所述根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报这一步骤中，所生成的海报包括有链接到海报存储地址的访问入口。
4.根据权利要求3所述的基于H5页面的海报生成方法，其特征在于，所述访问入口为二维码。
5.根据权利要求1所述的基于H5页面的海报生成方法，其特征在于，所述根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报这一步骤中，通过GD库生成海报。
6.根据权利要求1所述的基于H5页面的海报生成方法，其特征在于，所述根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报这一步骤，其具体为：
根据选中的所有元素的调整后的显示状态，读取各元素的预设显示位置后，将各元素按照其调整后的显示状态填充到海报底板中，生成相应的海报。
7.根据权利要求6所述的基于H5页面的海报生成方法，其特征在于，所述将各元素按照其调整后的显示状态填充到海报底板中，生成相应的海报这一步骤中，当判断有两个以上元素之间存在重叠情况时，按预设调整规则调整存在重叠情况的元素的大小，直到元素之间不再重叠或者达到预设调整比例阈值。
8.一种基于H5页面的海报生成系统，其特征在于，包括：
至少一个处理器；
至少一个存储器，用于存储至少一个程序；
当所述至少一个程序被所述至少一个处理器执行，使得所述至少一个处理器实现如权利要求1-7任一项所述的基于H5页面的海报生成方法。
9.一种基于H5页面的海报生成装置，其特征在于，包括：
读取模块，用于读取海报底板，并显示可供选择的用于生成海报的所有元素；
设置模块，用于接收输入的操作数据后，选中对应的用于生成海报的元素，并为该元素设置参数；
响应模块，用于将选中的所有元素的参数分别输入到相应元素的生成代码中，调整各元素的显示状态；
生成模块，用于根据选中的所有元素的调整后的显示状态，基于海报底板生成相应的海报。
10.一种存储介质，其存储有处理器可执行的指令，其特征在于，所述处理器可执行的指令在由处理器执行时用于执行如权利要求1-7任一项所述的基于H5页面的海报生成方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811181233.0A CN109343772A (zh) | 2018-10-11 | 2018-10-11 | 一种基于h5页面的海报生成方法、系统、装置及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811181233.0A CN109343772A (zh) | 2018-10-11 | 2018-10-11 | 一种基于h5页面的海报生成方法、系统、装置及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109343772A true CN109343772A (zh) | 2019-02-15 |
Family
ID=65308669
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811181233.0A Pending CN109343772A (zh) | 2018-10-11 | 2018-10-11 | 一种基于h5页面的海报生成方法、系统、装置及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109343772A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110955849A (zh) * | 2019-11-29 | 2020-04-03 | 拉扎斯网络科技（上海）有限公司 | 对象确定方法、装置、电子设备及计算机可读存储介质 |
| CN112215921A (zh) * | 2020-10-12 | 2021-01-12 | 广州欢网科技有限责任公司 | 一种海报自动获取方法、装置、设备及及计算机存储介质 |
-
2018
- 2018-10-11 CN CN201811181233.0A patent/CN109343772A/zh active Pending
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110955849A (zh) * | 2019-11-29 | 2020-04-03 | 拉扎斯网络科技（上海）有限公司 | 对象确定方法、装置、电子设备及计算机可读存储介质 |
| CN112215921A (zh) * | 2020-10-12 | 2021-01-12 | 广州欢网科技有限责任公司 | 一种海报自动获取方法、装置、设备及及计算机存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105487864B (zh) | 代码自动生成的方法和装置 | |
| US7610545B2 (en) | Annotations for tracking provenance | |
| US20180081868A1 (en) | Dynamic intermediate templates for richly formatted output | |
| US20160103927A1 (en) | Automatic sizing of wrap packages of cards | |
| CN111752557A (zh) | 一种展示方法及装置 | |
| CN110941614A (zh) | 表单生成方法、装置、电子设备及计算机可读存储介质 | |
| CN112507260A (zh) | 网页加载方法及装置、电子设备、计算机可读存储介质 | |
| CN111767499A (zh) | 一种页面配置方法及装置 | |
| CN111459501A (zh) | 基于SVG的Web组态画面存储与展示系统和方法及介质 | |
| CN109710258A (zh) | 微信小程序界面生成的方法及装置 | |
| CN112668290A (zh) | 基于网格化设计的动态表单生成方法及系统 | |
| CN111880813B (zh) | 实现安卓卡片ui的方法、存储介质 | |
| CN109343772A (zh) | 一种基于h5页面的海报生成方法、系统、装置及存储介质 | |
| Sadun | The iOS 5 developer's cookbook: core concepts and essential recipes for iOS programmers | |
| CN112052000A (zh) | 组件复用、渲染方法及装置 | |
| US20040051703A1 (en) | Display control system, display device and display control program, and display control method | |
| CN105138322B (zh) | 生成应用程序的方法及系统 | |
| CN109471613A (zh) | 核安全级应用的图形文件生成方法和系统 | |
| CN112583603B (zh) | 可视化签名方法、装置、电子设备和计算机可读存储介质 | |
| CN113010129A (zh) | 虚拟演播厅全流程多终端板书提取方法和装置 | |
| CN114237575A (zh) | 一种基于数字教材的多终端阅读方法 | |
| CN114398282A (zh) | 测试脚本的生成方法、装置、设备及存储介质 | |
| CN102637290A (zh) | 一种基于浏览器的作业系统及编辑方法 | |
| US10755034B2 (en) | Information processing apparatus | |
| JP6551847B2 (ja) | レイアウト装置、レイアウト方法、およびプログラム |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20190215 |