var img = new Image();
// 关键点,设置crossOriginal属性
img.setAttribute('crossOrigin', 'anonymous');
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext('2d');
img.onload = function () {
    canvas.width = img.width;
    canvas.height = img.height + 200;
    ctx.drawImage(img, 0, 0);
      document.getElementById('canvasImg').src = canvas.toDataURL("image/jpeg", 1);
    }
img.src = 'http://img.hb.aicdn.com/38d8f519b3f464a80d85ed9632fed904ed0181f41d632-ZHrigO_fw658';

关键的代码是:

img.setAttribute('crossOrigin', 'anonymous');

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-19
  • 2021-12-27
猜你喜欢
  • 2021-12-06
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-18
  • 2022-12-23
相关资源
相似解决方案