疊加圖 echarts-canvas 偶遇一個比較奇怪的需求，是一個疊加圖（superpostion chart），設計圖如下 有5個不同的設備不同時間在線，總計體現出每個時間段的在線熱度，本來想用echarts但是沒找到特別合適的，所以自己做了一個，希望能給需要的人幫助。 最終效果 ...

前面的話 　　本文將使用canvas實現粒子時鍾效果 效果展示 點陣數字 　　digit.js是一個三維數組，包含的是0到9以及冒號(digit[10])的二維點陣。每個數字的點陣表示是7*10大小的二維數組 　　通過遍歷數字點陣的二維數組，當該位置的值為1時，則繪制一個粒子 ...

　　周末學習canvas的一些基礎功能，順帶寫了一個基礎的時鍾。現在加工一下，做的更好看一點，先放上效果圖： 　　　　 　　談一些自己的理解： 　　　　（1）、要繪制一個新的樣式（不想被其他樣式影響，或者影響到其他樣式），那么一定記得先用beginPath()，beginPath()可以新建 ...

今天用H5中的canvas標簽做一個時鍾，H5中有很多好用的新增標簽，真的很不錯。 1.canvas標簽介紹 <canvas> 標簽定義圖形，比如圖表和其他圖像，你必須使用腳本來繪制圖形。在畫布上（Canvas）畫一個紅色矩形，漸變矩形，彩色矩形 ...

之前學習了下html5中的canvas元素，為了練練手就實現了一個簡易的時鍾。時鍾本身並不復雜，也沒有使用圖片進行美化，不過麻雀雖小五臟俱全，下面就與大家分享一下： 實現效果： html代碼： JS代碼 ...

　　在見識了html5中canvas的強大，筆者准備制作一個簡易時鍾。 　　下面就是成果啦，制作之前我們先分析一下，繪制一個時鍾需要做哪些准備。 一 、 1.首先這個時鍾分為表盤，指針（時針，分針，秒針）和數字三部分。 2.表盤是個圓，這個簡單。 3.繪制指針時，需要先獲取 ...

demo演示： 用到的一些繪制方法說明： context.translate(x,y)方法，重新設置畫布的坐標源點，設置后，x,y坐標處為變為起始坐標(0,0); context.arc(圓 ...

...