iSVG

长文+互动=爆款？WhatYouNeed 做到了！这篇文章在上个月发布后呈刷屏之势，无数人被基于互动产生的内容深深打动。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「长按出现-松开消失」实现。

12 月中，头部媒体号也在 SVG 领域有所发力，JZ 向 VOGUE 交付的本作讲述了一个妙趣横生的侦探悬疑互动，是“点 A 见 B”模型的第一次正式商业应用。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「长按出现-松开消失」实现。

本篇 JZ 亦应用了 GIF 控制器，具体由 GL 操刀开发。目前在工业领域，包括施耐德电气、道达尔、惠生工程等都已有交互大作问世，可见 SVG 黑科技排版的行业通用性极强。目前该效果可以在SVG 黑科技编辑器（https://www.e2.cool/）中通过「GIF控制器」实现。

延展式长卷现在已经成为了一个 SVG 领域的经典模型，本篇的延展交互装置由我们 JZ 完成开发。而这一类开发中需要注意的是：由于 SVG 画布使用绝对单位控制，因为不同机型的长度不同，对于过长的机型要预留约 1000-2000 像素的尾部。

屡试不爽的人物式情景长卷，本月被华为终端云服务选中。该作亦由 JZ 交付，荒村具体操刀技术并统筹视觉设计工作。

12月 OPPO 的新款手机盛大发布，我们 JZ 的开发者鼈臑大神也有幸亲临现场，协同完成了发布会主题的互动推送。在该推送中，设置了手机换色、滚动视频、无 ICON 超链接等一系列高阶开发。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「渐进效果」、「等分容器滑动」、「无图标超链接」等实现。

本篇技术部分的视觉设计与交互开发由我们 JZ 完成，呈现出了包括动态镜头控制播放、触摸屏幕文字碎裂等视觉效果。

若要评选一篇年度最佳的滑动式排版，非 Apple 的本文莫属。该作发布后，不少运营人对其原理丈二和尚摸不着头脑。实际上，苹果利用的是透明 PNG 上双色隐藏方法，白色前景内容在白色背景区域时不可见，在黑色背景区域时可见，而黑色前景内容则正相反。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「等分容器滑动」实现。