选元素制图组件是趣味性和自由性很强的组件,内容创建者在编辑器内设置好制图画布、分类添加制图元素后,用户可以选择元素在制图画布内自由设计图片样式;结合生成海报,即可将自己设计的独特创意分享给好友


1.添加选元素制图组件

编辑器左侧导航点击组件-选元素制图,添加选元素制图组件至画布区

2.组件设置

在画布区点击选元素制图组件,右侧展示对应组件设置面板

(1)移动端用户编辑图标颜色设置

可选择设置移动端用户编辑制图画布内元素时的选中边框、放大、旋转、删除和清空分组图标的的颜色

(2)制图画布设置

在画布区点击选中制图画布,拖动四周锚点可调整制图画布大小

选元素制图组件设置面板点击制图画布设置按钮打开制图画布设置面板或在画布区点击制图画布打开制图画布设置面板可进行更多设置

①背景样式设置

支持设置支持背景颜色,叠加图片或纹理

②高级样式设置

支持设置制图画布边框颜色、边框类型(无/实线)、边框宽度、边框圆角、透明度、大小、位置

(3)制图元素区设置

①分组导航设置

支持选择分组导航未选中背景色、选中背景色、边框颜色、边框类型、边框宽度、导航位置(顶部/底部)、导航样式(文字/图片)

导航样式选择文字时,支持设置字体样式—字号、字距、加粗、倾斜、下划线、未选中字体色、选中字体色

导航样式选择图片时,元素管理处分组支持上传未选中图片和选中图片

②元素管理

可在此处管理元素分组和元素图片

支持设置分组名称、分组导航未选中图片和选中图片

添加元素图片:

画布区点击分组导航或组件设置面板-元素管理点击分组素材添加按钮打开分组素材添加页面,点击添加素材打开图片素材选择面板,点击选择图片添加至当前分组

分组排序:

点击拖动分组右侧排序图标可变更除预设背景分组以外的分组导航排序,变更的排序会在元素管理处和h5画布内均生效

显示隐藏背景分组:点击预设背景分组右侧展示/隐藏图标可切换背景分组的展示隐藏状态

添加分组:点击添加分组按钮可添加新的元素分组导航,最多可有10个分组

③元素展示

支持设置元素布局、元素滑动方向和元素区背景样式

3.展示制作图片

(1)生成制作图片

方法一:添加元素/按钮组件—>设置触发事件-生成制作图片—>选择目标选元素制图组件

方法二:在流程策略中设置生成制作图片响应动作并选择目标选元素制图组件

(2)通过图片变量展示制成的图片

添加图片元素—>设置系统变量-制成的图片-选择对应选元素制图组件

4.生成海报展示制成的图片(结合生成海报按钮)

在添加选元素制图组件的页面添加生成海报组件,生成的海报页自动添加该选元素制图组件制成的图片变量,用户在移动端点击生成海报时将生成制作图片展示在生成的海报上