HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 基于HTML5的无限循环放大场景

基于HTML5的无限循环放大场景

        Zoomquilt是一个可以无限缩放的场景,如同使用了一个可以无限变焦的放大镜来观看一幅插画。 

项目地址:http://www.zoomquilt.org/ 



        最初Zoomquilt是由Flash技术实现的,由多张插画拼接而成,并形成了一个循环,从而产生无限放大或缩小的效果。 

        现在,开发者Nikolaus Baumgarten使用HTML5技术重新实现了Zoomquilt。原理是一样的——都是由多张图片拼接。与Flash版本不同的是,HTML5版本采用了Canvas标签和jQuery Slimscroll插件来实现图片的无限滚动和无缝衔接(共使用了46张图片)。 

         因此,你需要在支持Canvas的浏览器中浏览Zoomquilt。还可以通过上、下方向键来控制缩放的速度。

【基于HTML5的无限循环放大场景】相关文章

1. 基于HTML5的无限循环放大场景

2. 一款基于jQuery的图片场景标注提示弹窗特效

3. 创意无限:纯CSS打造各种形状钻石

4. 盈利模式探讨五:移动社交游戏潜力无限

5. 基于jQuery的图片相册滑出放大插件

6. 帮助你开发基于HTML5的网站原型页面 - HTML5 Bones

7. HTML5+CSS3城市场景动画

8. Lienzo 1.0:HTML5 Canvas元素的Java版本场景图API

9. HTML5游戏开发 之 循环的控制(3)

10. HTML5游戏开发 之 循环的控制(1)

本文来源:https://www.51html5.com/a3365.html

点击展开全部

﹝基于HTML5的无限循环放大场景﹞相关内容

「基于HTML5的无限循环放大场景」相关专题

其它栏目

也许您还喜欢