Jcrop中的画布预览不正确

Question

当我尝试裁剪图像时，我被困在jcrop画布预览功能中，然后画布预览显示拉伸图像:(而且我不想使用AspectRatio：1，

这是我的代码

  $(function(){
      $('#target').Jcrop({
          onChange: updatePreview,
      })
  })

  function updatePreview(c) {
    if (parseInt(c.w) > 0) {
      var imageObj = jQuery("#target")[0];
      var canvas = jQuery("#preview")[0];
      var context = canvas.getContext("2d");
      context.drawImage(imageObj, c.x, c.y, c.w, c.h, 0, 0, 300, 150);
    }
  };

这是小提琴： http : //jsfiddle.net/NG4eu/21/

Answer 1

如果您不希望纵横比为1，则调整为所需的纵横比...然后调整画布的样式高度和宽度，以适应新的纵横比