用畫布實現 鼠標繪製可拖動 可改變大小矩形框

網上找了一下 用canvas實現鼠標繪製矩形框 找到的都是須要用jQuery的，因此本身用js寫了一個。效果圖以下: 代碼可能寫的實在不算好，可是能夠用，就當成一個demo來看吧。 實現原理的話和通常的鼠標拖動繪製矩形框(用div實現)原理差很少，計算鼠標的座標點來減去畫布距離網頁窗口最左邊以及最上邊的距離 以此爲基點 改變矩形框的大小，不一樣的是 這裏每幀都要把畫布清空以及重繪 這樣最終看到的效

>>阅读原文<<