天天看点

Wadda:基于 HTML5 Canvas 的图片放大镜

  Wadda 是下一代图片放大技术,使用 HTML5 Canvas 实现图片放大镜功能。借助 HTML5 Canvas 标签,能够自定义放大级别而不需要为每个级别定义图片,还能够设置羽化(Fading)效果。

<a href="http://neofreeman.freepgs.com/experiments/zoomr/puggy.html" target="_blank"></a>

使用非常简单,只需在img标签的title属性中设置放大图片的路径,例如:

引入Wadda.js文件,并添加如下代码:

下面是在线演示页面和下载链接:

<a href="http://www.cnblogs.com/lhb25/archive/2011/07/10/fun-javascript-snippets.html" target="_blank">分享5个有趣的 JavaScript 代码片段</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/06/15/using-robovoice-to-make-your-page-speaking.html" target="_blank">RoboVoice.com:让你的网页会说话</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/04/15/2009563.html" target="_blank">8个超棒的免费高质量图标搜索引擎</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/03/11/1978243.html" target="_blank">分享45个海量免费电子书下载网站</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/07/28/tap.html" target="_blank">推荐一个很棒的免费自助建站工具</a>

欢迎任何形式的转载,但请务必注明出处。

继续阅读