2022全新玩法来了,SVG还能做单选拆盲盒

胖友们好,我是三儿。最近肯德基和dimoo联名的盲盒套餐好火啊!听说很多没抢到的已经开始找人代购代吃了。

https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9qcGcveXFWQXFvWnZEaWJHallKbEVDRW5vcU1PaWJIcGRRZ0xUUzdHbVUxeW5CYzc3ZWd3bk10eHRvS20zSWxYTzRodjh6ZFZ2aWFHT1RIRkQxNHlETEFQOVk3YXcvMD93eF9mbXQ9anBlZw==


没抢到盲盒的三儿也想过一过拆盲盒的瘾,自己动手给搞了一套盲盒,大家来拆拆看会抽到隐藏款吗?


·


上面三儿用来做盲盒的SVG,就是我们SVG编辑器最近推出的一个全新效果啦-单选答案解析类答题效果。


和以往效果不同的是,这个SVG只可以操作一次点击,所以还可以设置单选,应用在下面这种附解析的单选题中:


·

看完了效果,下面三儿把教程先给大家走起!




操作教程



01 进入SVG编辑器


通过135编辑器左侧入口进入svg编辑器



或者直接在浏览器输入svg编辑器网址进入:

https://www.135editor.com/svgeditor/




02 添加素材


选择素材-点击分类,点击『单选答案解析类答题效果』素材,添加到编辑区域




03 添加图片


在编辑器右侧点击『添加图片』按钮,为效果添加背景图和答案图片



背景图素材示例:



答案图示例:




注意:


所有图片素材的宽度和高度需要一致。



04 设置选项热区


每上传一张答案图时,背景图上都会对应显示一个红色的选项热区,将这个热区位置放置到背景图上对应的点击位置,调整好热区大小,即可实现点击该位置展示上传的答案图片。




05 同步/导出


制作好的SVG文章可以通过使用『同步』或『导出』功能,保存到微信公众号平台(ps:不知道咋同步和导出的胖友,点击按钮,根据提示操作即可)



注意:


如使用导出代码功能,则需根据SVG效果的使用平台(135编辑器/微信后台),选择对应平台的代码进行复制,尽量不要直接粘贴代码,以免效果有误。



以上就是『单选答案解析类答题效果』的使用教程,学会了的胖友赶紧实操起来吧。


·EN

文章排版由135编辑器提供技术支持

 ■ ■ 

文章评价
登录后可以评论
立即登录
分享到