夏日、街头、色彩——资生堂中国的一篇Colorwalk主题SVG图文，用一个具有呼吸感的交互效果，带用户在指尖完成了一场城市色彩漫游。
依次点击感受一下：
*素材来自资生堂中国漫游夏日，一起Colorwalk！
组件：连续点击-放大消失切换图片
编号：12164（组件）
用户每点击一次，当前图片缓缓放大，同时透明度逐渐变浅直至消失，如同目光从远处聚焦到细节、再自然移开。
这个就是点击放大消失切换图片效果。点击切换的图片可以没有镂空，也可以像资生堂这样在某个位置设计镂空，与交互搭配效果更佳。
该效果使用i排版SVG编辑器的「连续点击-放大消失切换图片」组件（编号：12164）即可实现，支持连续点击，以及设置每张图片点击后放大的中心位置，也就是说点击放大的中心位置不一定只是在图片正中央。
下面一起看下排版教程吧。
详细教程：
工具：i排版SVG编辑器，网址：SVG.iPaiban.com
组件：连续点击-放大消失切换图片
编号：12164（组件）
第1步：选择组件
登录i排版SVG编辑器后，点击编辑器左侧「组件」按钮，在「点击」分类中找到「连续点击-放大消失切换图片」组件，或者直接在搜索框中搜索组件编号12164，点击选择。
第2步：上传图片素材
点击右侧「+」号批量上传放大图片（最后一张为底图）。所有图片尺寸需保持一致。
第3步：调整动画时间
上传好素材后，根据需求调整放大时长、图片消失时长和放大倍数，一般保持默认即可
第4步：调整放大的中心位置
双击编辑区上传的图片，调出触发区域调整窗口，拖动红框调整触发区到合适位置。依次点击「下一张」可调整每张图片。
注意这里的触发区中心点为放大的中心位置，并非点击触发区域，无论将红框调整在什么位置，点击整张图片都会触发。
第5步：导入公众号后台
点击最右侧「预览草稿」，效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能不用频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码预览在公众号的效果。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
