js 图片文件缩放 基于canvas实现

图片地址必须是同域图片，非同域图片请设置 Access-Control-Allow-Origin 返回头

/**
 * @param src图片路径，也可以是canvas生成的dataUrl
 */
function scale(src){
    let cv = document.createElement("canvas");//创建一个处理图像的画布
    cv.width=300;//设置画布宽度
    cv.height=240;//设置画布高度
    let img = new Image(cv.width,cv.height);//创建图像对象
    img.onload=function(){//务必将图像处理放入 回调中，以防止处理图像时图像还未加载完毕
        let drawer = cv.getContext("2d");//获取2d画布主体对象
        drawer.drawImage(img,0,0,cv.width,cv.height);//将图片绘制进画布中，参数分别为  （图片对象，画布左上角X坐标值，画布左上角Y坐标值，要将图片绘制进画布的宽度，要将图片绘制进画布的高度）
        drawer.save();//保存以上操作
        $.operate.post("/system/expertReview/saveSign",{sign:cv.toDataURL()});//一个封装过的AJAX,直接上传图片base64数据，后台转储
    }
    img.src = src;
}