rocksent
2016-11-30 19:03
采纳率: 81.5%
浏览 6.8k

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;
    
    打赏 评论

相关推荐 更多相似问题