iSVG

此篇特别选取了挤压伸长结构分别介绍三款单品，由品牌方使用 E2.COOL 编辑器制作而成。并在此基础上，计老师又全新开发了双系统视频号布局，分别克服安卓和 ios 系统嵌入视频号漂移的问题。

本图文中 ColorOS 设计出一个武功宝典秘籍的创意，以展示系统的多种隐藏功能，通过生动的设计和交互传达给读者。小杨也专门为此定制开发了一个全新的技术模型，实现无限次弹窗配合连续切换结构，且优化了不同机型的加载问题。

微信派在本月发布碳中和大作，由 GL 操刀推送了一篇让人叹为观止的交互作品，赢得广泛关注。开屏自动动画细腻至极、两次收缩伸长划分文章结构、伪答题卡设计增加丰富的互动特效，制作十分精美，一定要打开原文体验一下！

本作计老师应用的是和对 SVG 画板的双重控制，在图文中实现非定宽式收缩伸长的效果，切换首屏抖音话题界面，从而展开介绍升级产品。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「点击-收缩切换-伸长」实现。

本篇选取艺术家张赢《浮生百态》系列画作，以「一镜到底」式自动 SVG 动画呈现。该作中的渐进人物效果包含对旋转动画、 缩放动画以及位移动画的多重修正，并且结合对时间和空间的精细掌控，形成了一镜到底视觉体验。

临近各大峰会召开，科技企业也自然要使出浑身解数展现自身的产品实力。本作由 yutu 操刀开发，引入 VLOG 主人公的视角，利用移步换景的人物步态长卷将晦涩的产品信息具像化。同时搭配使用渐进动画，逐步释放出产品信息。

本作由 Fifi 主创，交互部分使用 E2.COOL 编辑器搭建而成。在 Fifi 强大的设计功底下，SVG 只需作为小小点缀，运用简单基础的模型就足以起到锦上添花的作用。目前部分效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「点击伸长」实现。

由小杨操刀开发的小米新品发布图文，几乎每篇都倾注了时下最顶尖的交互技术。该作值得一提的是文中伪无限选择器的运用，突破了 id 选择器的技术限制，采用更为保险的多层套娃以实现同样的效果，同时搭配使用逐帧动画，使切换的过程更加生动。