使用HTML5 Canvas 制作水波纹效果点击图片就会触发

10/24/2015来源:HTML教程人气:572

今天,我们继续分享 javaScript 实现的效果例子,这篇文章会介绍使用 Javascript 实现水波纹效果。水波效果以图片为背景,点击图片任意位置都会触发。有时候,我们使用普通的 Javascript 就可以创建一个很有趣的解决功能。

使用HTML5 Canvas 制作水波纹效果点击图片就会触发 三联

Step 1. HTML

和以前一样,首先是 HTML 代码:

代码如下: