Wadda 是下一代图片放大技术，使用 HTML5 Canvas 实现图片放大镜功能。借助 HTML5 Canvas 标签，能够自定义放大级别而不需要为每个级别定义图片，还能够设置羽化（Fading）效果。
使用非常简单，只需在img标签的title属性中设置放大图片的路径，例如：
<img src=”foo.jpg” id=”thumb” title=”foo_hd.jpg” />
引入Wadda.js文件，并添加如下代码：
var wad = new Wadda(’thumb’, {
lensSize: 150,
xOff: 0,
yOff: 0,
fadeLens: true,
zoom: 2
});
下面是在线演示页面和下载链接：
本文链接：Wadda：基于HTML5 Canvas的图片放大镜
编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
