随笔分类 -  HTML5

摘要:一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果。 程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间。 很久以前就看过一个3DRoom效果,是用复杂的计算实现的。 在上一篇研究过css3的transform之后,就想到一个更简单的方法来实现。 阅读全文
posted @ 2010-09-20 08:48 cloudgamer 阅读(74553) 评论(141) 推荐(77) 编辑
摘要:以前要实现图片的旋转或翻转,只能用ie的滤镜来实现,虽然canvas也实现,但ie不支持而且不是html标准。 css3出来后,终于可以用标准的transform来实现变换,而canvas也已成为html5标准的一部分。 css3和html5使web变得越来越强大,各种新奇的技术正等待我们发掘。 本程序分别通过滤镜(ie)、ccs3和canvas来实现图片的旋转、缩放和翻转变换效果,可以用作图片查看器。 有如下特色: 1,用滤镜、ccs3和canvas实现相同的变换效果; 2,可任意角度旋转; 3,可任意角度翻转; 4,可扩展滚轮缩放; 5,可扩展拖动旋转。 兼容:ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0 阅读全文
posted @ 2010-08-16 09:09 cloudgamer 阅读(116129) 评论(118) 推荐(40) 编辑