![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5
macjeson
饿了。。。。。。。。。。。吃饭!
展开
-
H5 实现酷炫水滴效果
H5 实现酷炫水滴效果1调研2思考假设有上下两个圆分别代表水源和水滴通过连接两圆的圆周上的点的贝塞尔连线图中红线表示来表示连接桥现实中当水滴触碰到下面一个水源时会有一个虹吸现象我们这时候就需要从下面一个水源也伸出一个水滴点并且这个水滴和前一个水滴重合模拟现实中的效果随着初始水滴慢慢融合到新水源中中间的连接桥会越来越细然后慢慢断开回归到最初始的状态3案例H5 实现酷炫水滴效果天马行空般的转载 2015-11-05 17:42:45 · 4618 阅读 · 0 评论 -
手机 HTML5 Canvas 刮奖效果
HTML5 Canvas实战之刮奖效果近年来由于移动设备对HTML5的较好支持,经常有活动用刮奖的效果,最近也在看H5方面的内容,就自己实现了一个,现分享出来跟大家交流。1、效果2、原理原理很简单,就是在刮奖区添加两个canvas,第一个canvas用于显示刮开后显示的内容,可以是一张图片或一个字符串,第二个canvas用于显示涂层,可以用一张图片或用纯色填充,第二个canvas覆盖在第一个canv原创 2015-11-05 16:44:04 · 2676 阅读 · 1 评论