【问题标题】:How is the canvas animation on Apple watch site implemented?Apple watch 网站上的画布动画是如何实现的?
【发布时间】:2015-12-15 06:27:19
【问题描述】:

apple watch site: 中,向下滚动一点可以看到以下部分:

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

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

这对我来说看起来很神秘。在这里使用的可以从杂乱的图片在画布上生成动画的技术的名称是什么?有没有这样做的库?

【问题讨论】:

  • 对我来说,我想说这可能是他们自己定制的自定义算法,也许是为了阻止人们下载动画? (可以记录一下;p)
  • @Canvas :-) 或者苹果想节省数据流量或加快页面加载速度..

标签: javascript html css canvas


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2021-12-24
    • 1970-01-01
    • 1970-01-01
    • 2016-12-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-12-23
    相关资源
    最近更新 更多