天天看點

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>

歡迎任何形式的轉載,但請務必注明出處。

繼續閱讀