连续点击旋转切换，能调角度和快慢！
之前小编在《新年新效果，2021旋转一下变2022！》中讲过旋转切换图片的效果，讲得都是在图片的某一角为圆点旋转切换，并且只能点击切换一次。
最近许多小伙伴希望可以有以图片下边中点为圆点旋转切换的，并且可以连续点击切换，就像下方 Weekend Max Mara 一篇图文中的这样：
当然可以！
现在 iPaiban Pro 编辑器上线了多个相关组件，旋转方向可以选择顺时针或逆时针，每个方向的包含以上、下、左、右4个中点为圆点旋转的，还可以调整触发区、旋转快慢以及旋转角度。
触发区和旋转快慢大家都应该明白，旋转角度是什么？有什么用？
举个例子，下方鞋子在静止状态下可以看到前后切换图，调大旋转角度后前后切换图就不会露出了，有时候我们也可以故意露出前后切换图，效果可能更好一些，这就是旋转角度的作用。
组件：连续点击-图片顺时针旋转切换(下、有触发区)
编号：11283（组件）
旋转角度45度
组件：连续点击-图片顺时针旋转切换(下、有触发区)
编号：11283（组件）
旋转角度60度
再试试以图片上边中点为圆点旋转切换的：
组件：连续点击-图片顺时针旋转切换(上、有触发区)
编号：11282（组件）
旋转角度45度
另外还有组件「 连续点击-图片顺时针旋转切换(左、有触发区)」（编号：11284）、「连续点击-图片顺时针旋转切换(右、有触发区)」（编号：11285）等。
更多相关组件大家可以在「点击」-「旋转切换」分类中找到，或者直接搜索关键词「连续 旋转」。
一起看下制作教程：
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com
组件：连续点击-图片顺时针旋转切换(下、有触发区)
编号：11283（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器右侧「组件」按钮，在「点击」-「旋转切换」分类中找到「连续点击-图片顺时针旋转切换(下、有触发区)」组件，或者直接在搜索框中搜索组件编号11283，点击选择。
第2步：上传图片素材
点击右侧「换图」按钮上传背景图，点击右侧「+」号上传多张切换图：
背景图和所有切换图尺寸需保持一致。
第3步：设置触发区域和旋转效果
双击编辑区的图片，在弹出的窗口中红色色块表示触发区域，可任意调整位置和大小。
我们将红色色块调整至合适区域后，点击「下一张」继续调整下一张的触发区，如果所有图片的触发区相同，调整好第一张后直接点击「为所有图片的应用此配置」即可。
在右侧可以调整旋转切换的时间以及角度：
点击页面最右侧「预览草稿」可随时预览效果。
第4步：导入公众号后台
效果满意后接着点击「同步至微信后台」同步到自己的公众号就可以了。
局部导入可参考：《iPaiban Pro小助手v2.0安装和使用教程》
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
有奖互动
你还想要什么交互效果？
留言区聊一聊
精选放出就送SVG案例库高级会员1个月
（案例库收录案例数已达10W+）
● SVG 黑科技交互排版????????
·
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）