溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
