谷歌可能为这个Gideon Sundback 涂鸦使用了哪些网络技术(见视频)
http://www.youtube.com/watch?v=utijBRRmAJo&feature=relmfu
我真的很好奇。在网络浏览器中,我们真的可以做到这么多吗?我猜它不是闪光灯,否则我不会怀疑。有可用的源代码或类似示例吗?
猜猜它展示了我们现在可以在网络技术中扩展多少。
谷歌可能为这个Gideon Sundback 涂鸦使用了哪些网络技术(见视频)
http://www.youtube.com/watch?v=utijBRRmAJo&feature=relmfu
我真的很好奇。在网络浏览器中,我们真的可以做到这么多吗?我猜它不是闪光灯,否则我不会怀疑。有可用的源代码或类似示例吗?
猜猜它展示了我们现在可以在网络技术中扩展多少。
使用了 Canvas 元素<canvas>
。所有现代浏览器现在都支持 HTML5 - Firefox、chrome 和 Opera。是的,今天的浏览器可以做到这些!
拉链齿是从 png sprite 文件中绘制到画布上的。拉链滑块也位于该 png 图像中。整个交互动画是用 Javascript 编码的。拉链剥离效果是使用上下文对象的 arc() 方法完成的,在这种情况下上下文是 2d。
一旦您单击滑块,它就会隐藏所有 Dom 元素 - 按钮和文本输入,您看到的只是画布绘图。由于使用了使用的javascript代码,不能单独在本地html文件上重新创建效果。我认为使用了一些外部库。我不确定 google.listen() 方法是如何工作的,因为它没有定义。在这里查看 javascript, 在这个线程中,这是美化的 javascript 代码,使用 jsbeautifier.org