2022全新玩法来了,SVG还能做单选拆盲盒
标签: SVG互动
胖友们好,我是三儿。最近肯德基和dimoo联名的盲盒套餐好火啊!听说很多没抢到的已经开始找人代购代吃了。
没抢到盲盒的三儿也想过一过拆盲盒的瘾,自己动手给搞了一套盲盒,大家来拆拆看会抽到隐藏款吗?
上面三儿用来做盲盒的SVG,就是我们SVG编辑器最近推出的一个全新效果啦-单选答案解析类答题效果。
和以往效果不同的是,这个SVG只可以操作一次点击,所以还可以设置单选,应用在下面这种附解析的单选题中:
看完了效果,下面三儿把教程先给大家走起!
通过135编辑器左侧入口进入svg编辑器
或者直接在浏览器输入svg编辑器网址进入:
https://www.135editor.com/svgeditor/

选择素材-点击分类,点击『单选答案解析类答题效果』素材,添加到编辑区域
在编辑器右侧点击『添加图片』按钮,为效果添加背景图和答案图片
背景图素材示例:
答案图示例:
注意:
所有图片素材的宽度和高度需要一致。
每上传一张答案图时,背景图上都会对应显示一个红色的选项热区,将这个热区位置放置到背景图上对应的点击位置,调整好热区大小,即可实现点击该位置展示上传的答案图片。
制作好的SVG文章可以通过使用『同步』或『导出』功能,保存到微信公众号平台(ps:不知道咋同步和导出的胖友,点击按钮,根据提示操作即可)
注意:
如使用导出代码功能,则需根据SVG效果的使用平台(135编辑器/微信后台),选择对应平台的代码进行复制,尽量不要直接粘贴代码,以免效果有误。
以上就是『单选答案解析类答题效果』的使用教程,学会了的胖友赶紧实操起来吧。
·END·
文章排版由135编辑器提供技术支持
■ ■ ■ ■
文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
登录后可以评论
立即登录
立即登录
热门工具

135编辑器
领先的在线图文编辑平台原创样式素材,一键套用

笔格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有

笔格PPT
输入主题,AI一键生成PPT;上传本地文件秒变PPT

管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章

用户运营平台产品设计指南

浅谈用户运营中的用户分层

内容运营:戴上写作的六顶思考帽

5000字方法论:4个细节,决定私域能不能赚钱

一个案例说明白用户分析怎么用

22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!

高价值社群的5大核心关键

抖音账号内容自检清单!

决定离职后,3天拿到offer的总结与反思!

【135早资讯】:教育部将彻查教材插图问题;抖音6月1日起将对本地生活商家收取服务费
运营导航