纯js 编canvas处理图片， 涂鸦笔、画布图片内容旋转 放大缩小 裁剪框 。兼容ie9及以上 谷歌、360、火狐浏览器

新手发帖多多关照，主要是最近做的一个系统，网上资源多是多但是烦而杂，能利用上的实在是没有，该dome非常简单，主要功能为 涂鸦笔、画布图片内容旋转 放大缩小  裁剪框 外加一个打印功能。关键代码均用红字标出。

首先是涂鸦笔，像马赛克，主要利用canvas，主要是通过监听鼠标的坐标来控制涂鸦笔，

canvas.addEventListener('mousemove', function(evt) {
if(operation_type=="")return;
if(operation_type=="pencil"){
if(locked!=1)return ;
    var mousePos = getMousePos(canvas, evt);

cans.moveTo(last_x,last_y);
cans.lineTo(mousePos.x,mousePos.y);
    cans.strokeStyle = '#ccc';
cans.stroke();

last_x = mousePos.x;
last_y = mousePos.y;
}else{
if(locked!=1)return ;
    var mousePos = getMousePos(canvas, evt);
    canvas_div.style.width =  (mousePos.x - start_x) +"px";
    canvas_div.style.height =  (mousePos.y - start_y) +"px";

    //canvas_div.inner