[发明专利]一种卡片制作方法、装置、电子设备及存储介质

权利要求书

1.一种卡片制作方法，其特征在于，包括：

在预先构建的层结构的用户自定义元素层中接收各自定义信息，其中，所述层结构至少包括：用户自定义元素层、合成canvas元素层以及展示合成结果层；所述各自定义信息至少包括：背景信息以及文本信息；

将所述各自定义信息添加到所述合成canvas元素层，并判断所述各自定义信息中是否包含头像信息；

若不包含所述头像信息，将所述文本信息置于所述背景信息之上合成，得到合成页面；

若包含所述头像信息，将所述文本信息以及所述头像信息置于所述背景信息之上合成，得到合成页面；

将所述合成页面添加到所述展示合成结果层，并将所述展示合成结果层置于所有结构层之上，展示所述合成页面对应的目标卡片。

2.根据权利要求1所述的卡片制作方法，其特征在于，构建所述层结构的过程，包括：

搭建页面布局样式的层叠样式表CSS；

在所述CSS中，通过超文本标记语言HTML建立层结构；所述层结构至少包括：用户自定义元素层、合成canvas元素层以及展示合成结果层。

3.根据权利要求2所述的卡片制作方法，其特征在于，所述在所述CSS中，通过超文本标记语言HTML建立层结构，包括：

在所述CSS中，通过超文本标记语言HTML建立包含用户自定义元素容器的用户自定义元素层；

在所述用户自定义元素层上建立包含合成canvas放置容器的合成canvas元素层；

在所述合成canvas元素层上建立包含展示合成结果容器的展示合成结果层。

4.根据权利要求3所述的卡片制作方法，其特征在于，所述在预先构建的层结构的用户自定义元素层中接收各自定义信息，包括：

通过所述用户自定义元素层的所述用户自定义元素容器，接收各自定义信息。

5.根据权利要求3所述的卡片制作方法，其特征在于，所述将所述文本信息置于所述背景信息之上合成，得到合成页面，包括：

在所述合成canvas元素层中添加与所述背景信息的背景高度、背景宽度一致的画布；

通过canvas对象函数，在所述画布上添加所述背景信息；

按照所述文本信息的参数信息，在所述背景信息上添加所述文本信息；所述参数信息至少包括颜色、大小以及位置；

调用所述合成canvas放置容器对应的合成函数，将所述文本信息合成在所述背景信息之上，得到合成页面。

6.根据权利要求3所述的卡片制作方法，其特征在于，所述将所述文本信息置于所述头像信息以及所述背景信息之上合成，得到合成页面，包括：

在所述合成canvas元素层中添加与所述背景信息的背景高度、背景宽度一致的画布；

通过canvas对象函数，在所述画布上添加所述背景信息；

按照所述头像信息的参数信息，在所述背景信息上添加所述头像信息；所述参数信息至少包括颜色、大小以及位置；

按照所述文本信息的参数信息，在所述背景信息上添加所述文本信息；

调用所述合成canvas放置容器对应的合成函数，将所述文本信息置于所述头像信息以及所述背景信息之上合成，得到合成页面。

7.根据权利要求3所述的卡片制作方法，其特征在于，所述将所述合成页面添加到所述展示合成结果层，并将所述展示合成结果层置于所有结构层之上，展示所述合成页面对应的目标卡片，包括：

调用展示合成结果容器的toDataURL函数，将所述合成页面添加到所述展示合成结果层，并将所述展示合成结果层置于所有结构层之上，展示所述合成页面对应的目标卡片。