javascript 尝试到载入base64图像到一个画布

hts6caw3 于 2023-02-07 发布在 Java

关注(0)|答案(1)|浏览(123)

我目前正在尝试加载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].保存包含有效的base64 png图像URL（'data：image/png;base64，xxxxxx '），当我将此URL粘贴到我的浏览器中时，我可以看到有效的img
事实是什么都没有改变，我没有任何错误
如果你能帮我这将是真棒，谢谢

JavaScript

来源：https://stackoverflow.com/questions/51804386/try-to-load-base64-img-into-a-canvas

1条答案

按热度按时间

ztigrdn81#

是的，您共享的代码应该可以正常工作。
下面是一个例子

const canvas = document.getElementById('canvas')
const ctx = canvas.getContext('2d')

var image = new Image();
image.onload = () => { ctx.drawImage(image, 0, 0) }
image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAQAAAAngNWGAAAAF0lEQVR42mNk+M9AFGAcVTiqcFQhCAAAf0sUAaSRMCEAAAAASUVORK5CYII="

var image2 = new Image()
image2.onload = () => { for(i=1; i<9; i++) ctx.drawImage(image2, 30*i, 5+4*i) }
image2.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 9TXL0Y4OHwAAAABJRU5ErkJggg=="

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

唯一可能出错的是您正在使用的stack[1].save ...

赞(0）回复(0）举报 2023-02-07

我来回答

javascript 尝试到载入base64图像到一个画布

1条答案

相关问题

热门标签

最新问答