【功能上新-H5】拼图组件


一、上新说明

H5编辑器新增拼图组件,解决一页内容需要展示更多图片的需求;

 

二、推荐场景

1、会议、活动、月度工作总结时,需要大量的现场图片回顾、佐证工作场景,可使用拼图组件,让一页包含更多图片的排版需求;
2、企业展示团队风采、文旅行业展示景点风貌时,有大量图片需要更美观承载图片更多的排版时;
 

三、操作流程

1、打开H5编辑器,点击顶部导航「组件」,在视觉组件中新增了一个拼图组件。
 
 
2、点击“拼图”组件,出现选择拼图模板的弹框,分为2图、3图、4图、5图、6图、7图、8图、9图、10图等上百种拼图样式,满足用户
各种拼图需求。
 
 
3、选择拼图之后,拼图组件会出现在画布中,同时右边出现拼图样式设置,可点击更换拼图模板。
 
 
4、点击画布中的拼图格子,会弹出图片库弹框,上传需要的图片,图片支持裁剪。
 
 
5、上传之后的图片支持换图、裁剪、设置边框和透明度,还支持将上传的图片自动填充到其他的格子中。
 
 
6、自动填充后,画布中间可看到填充后的效果。
 
 
7、创建完成之后,点击发布或右侧预览,可以验收访客看到H5的效果。

changli 2023年2月16日 11:21 1710 收藏文档