重力感应控制图片切换2

原创 yehaikuo111 教程 效果 393阅读 2017-06-09 11:10:06 举报

前几天看到一个有意思的特效,原理刚好也是用重力感应来实现的,请点击这里

废话不多说,直接上demo,请用手机查看效果
html 代码

原理大概就是两张图片重叠在一起,外层的图片高度给0,然后根据手机翻转的角度,改变它的高度。。。。但其实这里有个小坑,小伙伴有没有注意到我将默认显示的图片是用canvas来显示出来的,大家可以试一下,如果用img或者div的背景图显示,看看会有什么效果。还有一个坑就是如何将图片等比例缩小的画到canvas中,大家可以看一下我在代码中是如何做的。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复