在前一阵的推文中出现了选择题的交互形式,不少小伙伴都在询问这是怎么做出来的?呼声这么大~~图文编辑器把这个交互SVG组合组件已经上线到素材库-样式-SVG交互-多图交互SVG,大家可以根据需要进行选择使用。
我们提供了2种形式的选择题交互SVG组件,一种是选项间有间距,一种是选项间没有间距。它们的使用方法是相同的,只是展示形式上略有不同,大家只需要替换选项中的图片就可以啦。
1. 选项有间距
2. 选项无间距
那么我们来了解一下怎么使用这个组件。
-使用方法-
第1步:选择组件
在素材库-样式-SVG交互-多图交互SVG中找到对应的组件,点击区域或绿色+添加到编辑区内;
第2步:设置弹窗
点击选中组件中的任一选项,在右侧工具栏 - 设置中替换图片,另一个选项也是相同的操作。
第3步:关于图片
前景图和背景图的尺寸可根据需要自定义,建议两个选项中的图片尺寸设置相同。支持上传JPG、PNG、GIF格式的图片。
第4步:预览效果
编辑器内的「预览」可以查看交互效果。
第5步:发布
作品预览没问题后,可根据需要发布作品或者推送到微信草稿箱。此组件支持发布作品和推送微信。