文字是網頁中最為常見的元素之一，當然我們使用最多的就是調整文字的顏色、大小等基本屬性。有時候我們在一些活動頁面上需要展示特別樣式的文字效果，這時候我們就可以利用 HTML5 或者CSS3結合的方...

在HTML5的Canvas畫布上，我們基本可以實現和Flash相同的功能，但是HTML5的優點是通信方便，所以隨著瀏覽器的升級，我們現在已經很習慣利用HTML5來制作動畫和游戲了。下面我們精選了...

這是 第三屆 360 前端星計劃 的選拔作業題。600多名學生參與了解答，最后通過了60人。這60名同學完成的不錯，思路、代碼風格、功能完成度頗有可取之處，不過也有一些欠考慮的地方，比如發現很多...

最近參加 360 暑假的前端星計劃，有一個在線作業，截止日期是 3 月 30 號，讓手動實現一個 H5 手勢解鎖，具體的效果就像原生手機的九宮格解鎖那樣。

到目前為止，我們了解了如何在Canvas中繪制線段、 矩形 、 圓或圓弧線 和貝塞爾曲線等。這些都是Canvas的 CanvasRenderingContext2D 對象自身提供繪制基本圖形。但...

在這篇文章中主要來聊在Canvas中怎么繪制箭頭。在Canvas的 CanvasRenderingContext2D 對象中是沒有提供繪制箭頭的方法，言外之意，在Canvas中要繪制箭頭是需要自...

移動端H5圖片壓縮上傳 大體的思路是，部分API的兼容性請參照 caniuse ： 利用 FileReader ,讀取 blob對象 ,或者是 file對象 ，將圖片轉化為 data uri 的...

圓和圓弧是圖形中基本圖形之一，今天我們來了解在Canvas中怎么繪制圓和圓弧。在Canvas中繪制圓和圓弧其實和繪制線段和矩形一樣的簡單。在Canvas中， CanvasRenderingCon...

通過前面教程的學習，我們可以在Canvas中輕易繪制路徑（線段）。這僅僅是Canvas中的一小部分，今天我們來看看在Canvas中怎么繪制矩形。

blurify - 一個大小約 2k 的圖片高斯模糊庫

canvas時鐘--效果圖 一、先來簡單介紹畫時鐘需要的canvas知識 1.在HTML頁面中添加canvas元素，必須定義canvas元素的id屬性值以便接下來的調用。 HTML代碼： <ca...

由于工作的需要，最近開始在學習HTML5的 canvas 相關的知識。這里主要記錄自己學習 canvas 相關的知識筆記。如果文章有不對之處，還請大嬸們多多指正。

canvas-merge-video-in-vue Build Setup # install dependencies npm install # serve with hot reload ...

那些關于 IE 兼容你還不知道的事兒；看懂前端腳手架你需要這篇 Webpack；Material Design 風格的輕量 Vue . JS 組件庫；從零開始成為一名開源程序員，其實只需要九步；...

快來用廁所雷達吧 作為一個優秀的樓主，胖子我不僅寫了代碼，連廣告次都想好了，哇咔咔咔~~~~ “廁所找的快，排的才痛快”。 練習區里看到一個“廁所雷達”就來做了下，主要還是為了練習小程序“控件的...

WeZRender是一個微信小程序Canvas增強組件，基于HTML5 Canvas類庫ZRender。

經常在別人家的網頁上看到各中好看圖形，其中就有正六邊形和組合的蜂窩狀圖形。今天我們來盤點一下，網頁上有哪些姿勢實現這個效果

要封裝一下大波浪圖片進度組件。基本的原理是利用Canvas繪制矢量圖和圖片素材合成出波浪特效。

requestAnimationFrame優于setTimeout/setInterval的地方在于它是由瀏覽器專門為動畫提供的API，在運行時瀏覽器會自動優化方法的調用，并且如果頁面不是激活狀...

最近要給 node 項目加上驗證碼，找到了 node-canvas 這個庫，簡單地用了一下，發現還是蠻好用的。