閒著無事，也學習一下html5，也要跟進時代嘛，否則就落伍了。
這裡是乙個簡易的畫板，目前還沒有實現滑鼠移動時候的軌跡，只是捕獲滑鼠點下的座標作為起點，和滑鼠彈起的座標作為終點。畫圓形的時候滑鼠點下為原點的位置，滑鼠彈起的座標計算半徑。
當中發現乙個問題，矩形邊框沒有實現，目前是用兩個矩形實現的邊框效果，乙個是填充顏色，乙個是無填充顏色但有邊框，兩個合在一起看起來感覺是乙個矩形帶著邊框一樣。這種方法肯定是很傻，哎，留著下次完善吧！
執行**
canvas簡易畫板
window.getcomputedstyle 是乙個可以獲取當前元素所有最終使用的css屬性值。返回的是乙個css樣式宣告物件 object cssstyledeclaration 唯讀，而element.style能讀能寫。語法如下 var style window.getcomputedsty...
Canvas，寫個簡易畫板玩玩
相信canvas大家都聽說過，今天我們就來用canvas寫個簡易畫板。首先，我們得在body的內部寫個canvas標籤 注意 這裡要給canvas標籤乙個邊框，以便我們看到畫布標籤部分已經完成了。接下來就是js部分了 在寫js之前，分析要完成的動作 滑鼠按下，開始在畫布上有響應，且按下的位置，即為畫...
canvas 閉合 canvas 簡版畫板
結合之前的api可以來個簡單的實踐 栗子 結合滑鼠互動效果實現畫板的功能，有寫的功能以及橡皮擦的功能 撤銷 前進就先不考慮了 首先來個布局 需要調節線的粗細以及橡皮擦的大小，我們需要h5的範圍表單元素 html 線的粗細 橡皮檫的大小 js1 獲取表單元素 線，橡皮大小 var linerange ...