JQuery在调整图像画布大小后仅调整图像而不是画布

Question

JQuery 调整图像画布大小后仅调整图像而不是画布

function resizeImage(width, height){
    var image = document.getElementById('resizeImage'),
    canvas = document.createElement('canvas'),
    ctx = canvas.getContext('2d');
    ctx.drawImage(image,cropLeft, cropTop, cropWidth, cropHeight,10,10,width,height);

    return canvas;
  };

上述函数调整图像大小但在返回画布中显示额外的画布部分；

如何使用简单的 jquery html 获得固定高度宽度调整图像？

Answer 1

试试这个

function resizeImage(width, height){
    var image = document.getElementById('resizeImage'),
    canvas = document.createElement('canvas'),
    ctx = canvas.getContext('2d');
    ctx.canvas.height = height;//pass height
    ctx.canvas.width = width;//pass width
    ctx.drawImage(image,cropLeft, cropTop, cropWidth, cropHeight,10,10,width,height);
    return canvas;
  };