我一直想知道这些涂鸦是如何动画的。有人可以详细说明这些动画的制作方式吗？我知道它使用 JS 为图像设置动画。但我想知道它是如何与用户点击和时间交互的，而且它还兼容跨浏览器，这让我很惊讶。
问问题
2262 次
1 回答
4
javascript中有许多跨浏览器兼容的方式来做简单的事情，比如
a.) 移动元素（通过更改其样式位置属性）
b.) 以另一种方式调整/编辑元素的大小（切换图像、更改颜色等）
c.) 检测鼠标悬停和单击（非常常见）
平滑动画通常由一些函数提供，该函数可以少量移动（或以其他方式更改）元素的 CSS 属性。例如将位置从 (1,1) 更改为 (1,2)。这一像素变化看起来非常流畅。然后像帧一样调用此函数，每秒多次调用此函数（每秒调用此函数 15 次会产生 15 FPS（每秒帧数）动画）。
使用 Javascript 事件及其更改 CSS 属性的能力，并且每秒多次执行此操作，会产生出色的跨浏览器动画 :)
于 2012-10-14T22:49:52.720 回答