用画布实现 鼠标绘制可拖动 可改变大小矩形框

网上找了一下 用canvas实现鼠标绘制矩形框 找到的都是须要用jQuery的，因此本身用js写了一个。效果图以下: 代码可能写的实在不算好，可是能够用，就当成一个demo来看吧。 实现原理的话和通常的鼠标拖动绘制矩形框(用div实现)原理差很少，计算鼠标的坐标点来减去画布距离网页窗口最左边以及最上边的距离 以此为基点 改变矩形框的大小，不一样的是 这里每帧都要把画布清空以及重绘 这样最终看到的效

>>阅读原文<<