HTML5 在不久前正式成為推薦標準，標志著全新的 Web 時代已經來臨。這里分享一個驚艷的 Canvas 水滴效果，雙擊可以把水滴分離；拖放到一起可以融合；晃動瀏覽器可以讓水滴跳動；鍵盤左右鍵可以切換皮膚；上下鍵可以變換大小。

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

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

 

 

在線演示      插件下載

 

 

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

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