谷歌可能用于这个'Gideon Sundback doodle'的网络技术是什么

时间:2012-04-27 21:05:43

标签: google-doodle

Google可能会使用哪种可能的网络技术Gideon Sundback doodlesee video

http://www.youtube.com/watch?v=utijBRRmAJo&feature=relmfu

我真的很好奇。在网络浏览器中,我们真的能做到这么多吗?我想这不是闪光灯,否则我不会怀疑。是否有任何源代码或类似样本?

猜猜它现在可以展示我们在网络技术方面的扩展程度。

1 个答案:

答案 0 :(得分:2)

使用Canvas元素<canvas>。所有现代浏览器现在都支持HTML5 - Firefox,Chrome和Opera。是的,可以用今天的浏览器来做这些!

拉链齿从png精灵文件绘制到画布上。拉链滑块也位于该png图像中。整个交互式动画在Javascript中编码。拉链剥离效果使用上下文对象的arc()方法完成,在这种情况下上下文为2d。

一旦你点击滑块,它就会隐藏所有的Dom元素 - 按钮和文本输入,你所看到的就是画布图。由于使用了所使用的javascript代码,因此无法单独重新创建对本地html文件的影响。我认为使用了一些外部库。我不确定google.listen()方法是如何工作的,因为它没有定义。在这里查看javascript,in this thread, which is beautified javascript code, using the jsbeautifier.org