iSVG

这是 JZCreative 本月与艺术家合作的「交互式插画」作品，并最终经由阿里云官方微信公众号发布，硬核预告程序员年度盛会——云栖大会的到来。本作中的榫卯背景结构由艺术家徒手绘制而成，展现出了一般商业插画完全无法企及的空间塑造能力。其开发部分由 JZ 的小雪完成，是典型的 SVG 双层触发结构。

的应用如今成为热潮，开发者 WannaSleep 本作带来娴熟的特殊结构穿插，包括将 SVG、滑动组件、音频控件的混合布局……本作亦代表了当下时兴的「交互式插画」热潮，即开发者与艺术家跨界合作，在新媒体领域形成具备互动能力的插画作品发布。

这可能是有史以来编组代码“套娃”最复杂的选择题 SVG 交互，我们 JZ 在开发期间甚至需要克服手机发热过渡、画面频闪等硬件极限问题。最终，赵阳成功解决了各类平台级障碍，确保到多数机型能够“安全”地展示本作。

伸长互动甚至已经点燃了党政新媒体的创作欲望。在 8 月多个官媒号共同发布了这篇 SVG 黑科技排版图文，也同样由 GL 主持开发完成。

基于拍一拍的弹性伸长交互，在上一期宝马案例带火之后也风靡大牌运营圈。三千喵同学于 NIKE 官方公众号技术开发本作，其中还包含了丰富的局部动效或落地页能力。

本月，各行业品牌依然将 SVG 交互模式聚焦在伸长式图文，因而也难免“尬”作频现。但是字节跳动凭借 GIF 与交互动效的完美融合，为大家示范了设计与开发“两驾马车”共同发力的必要性。

尽管 SVG 本身的科技感十足，但科普领域新媒体的 SVG 应用并不多见。七月末针对天问一号的发射，果壳网让我们眼前一亮，制作了一篇独具匠心的 SVG 伸长式动画图文，巧妙设置了一个让用户旋转手机的操作，将火箭飞天动效与伸长动画结合，可以说是又为伸长式黑科技排版模型增添了新鲜范式。

3.0 伸长式 SVG 的商业应用到来了！七月间，浙江传媒学院奇点新媒体工作室的主任杨泽昊提出了基于宽度参数带动整体 viewbox 控制的第三代伸长理论，此后计育韬老师选择喜茶的矩阵号进行了首次实践。三代和二代装置的差别，在于突破了定宽后大屏手机过窄的问题，但又不会出现一代的尾部留白。三代在宽度上实现了 100% 的适配效果，让任何手机都能满屏沉浸体验 SVG 互动内容。