Apple手表网站上的画布动画是如何实现的?

Han*_*Sun 10 javascript html5 canvas css3

Apple watch site:中,当您向下滚动一点时,您可以看到以下部分:

在此输入图像描述

左边的手表不是静态图片,而是一个有吸引力的动画.当我在Chrome的检查器中查看DOM元素时,我发现它是一个canvas元素:

在此输入图像描述

当我检查下载的文件时,我发现这样的图像:

在此输入图像描述

这对我来说看起来很神秘.苹果在这里使用的技术的名称是什么,它可以在杂乱的图片上生成画布上的动画?这样做有没有图书馆?

Zor*_*one 1

在我看来,他们正在使用自定义算法,图像的每一行代表画布相对行的动画。

但要确认和/或模拟它,您应该阅读 JavaScript 源代码(如果它没有被混淆太多)。