html5 canvas 绘制base64图片失败
<canvas id="canvas1" ...> <!--源//-->
<canvas id="canvas2" ...> <!--目的//-->
<img id="testImg" src=""> <!--测试//-->

场景:
2个canvas;1个img

canvas1显示内容,接着将内容复制到canvas2里面。

实现:

var img = canvas1Context.toDataURL('image/jpeg');
img.replace(/^data:image\/(png|jpg);base64,/, "");
myTestImg.src = img;//显示成功!

var imggg = new Image();
imggg.src = img;
//img.length    //7259
canvas2Context.drawImage(imggg, 0, 0, 320, 480);
//黑底,无图像,无报错
//png格式是白底,同样无图像

1个回答

 var imggg = new Image();
imggg.onload=function(){///////////放onload中试试
canvas2Context.drawImage(imggg, 0, 0, 320, 480);
}
imggg.src = img;
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问