基於canvas畫布的兩個炫酷效果展示

2022-04-04 15:27:35 字數 995 閱讀 8366

html5 canvas這個玩意用通俗的話來講就是一塊用來畫畫的布,不過這不是普通的布,這是個類似於神筆馬良的那個神筆一樣神奇的東西,可以畫出很多精湛美妙的東西。本文就展示兩個基於canvas的炫酷效果,可以讓我們對canvas的潛力有個比較直觀的認識。

您可以狠狠地點選這裡:canvas下的3d雪花飛舞demo(我用最新的火狐瀏覽器試過,效果酷斃了。)

下圖為demo頁面的效果截圖:

使用

要實現該效果很簡單,直接載入乙個js檔案就可以了,類似下面:

body 

canvas

您可以狠狠地點選這裡:canvas下炫酷煙霧線條筆刷demo(我用最新的火狐瀏覽器試過,效果酷斃了。)

滑鼠在頁面上隨便晃蕩幾下就可以看到效果了哈:如煙如霧,輕盈飄渺的線條滑出優美的舞姿緊隨滑鼠之後。

使用

使用很簡單,頁面上嵌入下面這點js就可以了:

body 

canvas

好了,就這些。本文內容很少,純粹展示。哦,對了,無論是上面的雪花飛,還是下面的線條繪,只要瀏覽器支援canvas,你都可以以的形式儲存下來的說~~

例如後面這個鏈結位址對應的就是右鍵儲存canvas所得到的:canvas.png。

//因為雪花是白色的,瀏覽器背景一般都是白色,所以直接在瀏覽器中看只有白花花的一片,建議右鍵 – [目標|鏈結]另存為檢視。

**:

Linq基於兩個屬性的分組

1 需求 我們看下面的定義 region 學生類 學生類 class student 姓名 public string name 分數 public float score 科目 public string subject endregion 我們例項化一組資料 例項化一組資料 listlist n...

基於WPF的酷炫GUI視窗的實現全過程

title 基於wpf的酷炫gui視窗的實現全過程 date 2020 08 14 permalink build wpfgui sidebardepth 2 tags 本文要實現基於 wpf 的酷炫 gui 視窗,力圖實現乙個真正可用且實用的 gui 視窗。效果總結如下 首先新建乙個視窗,更改外觀...

Android珍藏 推薦10個炫酷的開源庫

前言 1 discretescrollview github 簡介 discretescrollview是基於recyclerview 實現的乙個橫向滑動列表,當前item顯示在螢幕 並且可以左右滑動,有點像viewpager,但是可以快速滑動。提供了簡單的api來實現炫酷的動畫效果。效果展示 2 ...