Question

我目前正在尝试将base64 img加载到我的画布中

  console.log('Change');
  var canvas = document.getElementById('canvas');
  var ctx = canvas.getContext('2d');
    var image = new Image();
    image.onload = function() {
      ctx.drawImage(image, 0, 0);
    };
    image.src = stack[1].save;

stack [1] .save包含有效的base64 png img URL（'data：image / png; base64，xxxxxx'），当我将该URL粘贴到浏览器中时，我可以看到有效的img

事实是什么都没有改变，我没有任何错误

如果您能帮助我，那将很棒，谢谢

Answer 1

是的，您共享的代码应该可以正常工作。

这是一个例子

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var image = new Image();
image.onload = function() {
  ctx.drawImage(image, 0, 0);
};
image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAQAAAAngNWGAAAAF0lEQVR42mNk+M9AFGAcVTiqcFQhCAAAf0sUAaSRMCEAAAAASUVORK5CYII=";

<canvas id="canvas"></canvas>

唯一可能出错的是您使用的stack[1].save ...
您还可以共享图像的代码还是该堆栈上的更多代码？

尝试将base64 img加载到画布中

1 个答案: