异步抓取IMG时，Canvas和img大小不同

// 创建一个img元素
var img = new Image();

// 异步加载图片
img.src = 'image.jpg';

// 图片加载完成后执行回调函数
img.onload = function() {
  // 获取原始尺寸
  var originalWidth = img.width;
  var originalHeight = img.height;

  // 创建一个Canvas元素
  var canvas = document.createElement('canvas');
  var ctx = canvas.getContext('2d');

  // 设置Canvas的尺寸
  canvas.width = 500; // 设置为需要的宽度
  canvas.height = 300; // 设置为需要的高度

  // 绘制图像到Canvas并进行缩放
  ctx.drawImage(img, 0, 0, originalWidth, originalHeight, 0, 0, canvas.width, canvas.height);

  // 将Canvas添加到页面中
  document.body.appendChild(canvas);
};