| 除了干货，其它什么也没有 | ||||
职场 | 数据 | 新媒体 | 设计 | 极客 |
对交互式 SVG 代码图文来说，直线位移是一项非常基本的动画需求。今天的两集视频课将分别对 x/y 参数位移和 translate 参数位移做解读。而这种位移思路，也是抽签式图文的动画逻辑基础。以下是一个 JZ 的客户定制案例，请注意观察的交互方式和动画形态（如需定制高级交互图文请致电）：
首先是相对简单的 x/y 参数位移，它也能帮助你训练 SVG 最基础的 AttributeName 动画书写习惯。而在观看前，建议你在已经掌握《教程｜高级 SVG 交互式排版入门指南》和《视频｜高级 SVG 交互式排版语法书写规则》两课的基础上学习▼
而对于由复杂路径构成的图像而言， 并不存在 x/y 参数。若希望移动它们，则需要借助
再结合 ，就能产生定帧效果。
JZ 近期正在各高校举办第五轮“新媒体运营与HTML5”设计高校公益巡讲，并将在最后一个场次抽出一条新媒体锦鲤▼
分享到:
閱讀更多 JZ多媒體解決方案 的文章
