使用 HTML5 Canvas 繪制出驚艷的水滴效果

　　HTML5 在不久前正式成為推薦標准，標志着全新的 Web 時代已經來臨。在眾多 HTML5 特性中，Canvas 元素用於在網頁上繪制圖形，該元素標簽強大之處在於可以直接在 HTML 上進行圖形操作，具有極大的應用價值。

　　這里分享一個驚艷的 Canvas 水滴效果，雙擊可以把水滴分離；拖放到一起可以融合；晃動瀏覽器可以讓水滴跳動；鍵盤左右鍵可以切換皮膚；上下鍵可以變換大小。

 

 

在線演示      插件下載

 

您可能感興趣的相關文章

• 網站開發中很有用的 jQuery 效果【附源碼】
• 分享35個讓人驚訝的 CSS3 動畫效果演示
• 十分驚艷的8個 HTML5 & JavaScript 特效
• Web 開發中很實用的10個效果【源碼下載】
• 12款經典的白富美型 jQuery 圖片輪播插件

 

本文鏈接：使用 HTML5 Canvas 繪制出驚艷的水滴效果

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源