rocksent 2016-11-30 11:03 采纳率: 0%
浏览 7111
已采纳

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条回答 默认 最新

  • 斯洛文尼亚旅游 2016-11-30 21:08
    关注
     var imggg = new Image();
    imggg.onload=function(){///////////放onload中试试
    canvas2Context.drawImage(imggg, 0, 0, 320, 480);
    }
    imggg.src = img;
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 vscode platformio
  • ¥15 代写uni代码,app唤醒
  • ¥15 全志t113i启动qt应用程序提示internal error
  • ¥15 ensp可以看看嘛.
  • ¥80 51单片机C语言代码解决单片机为AT89C52是清翔单片机
  • ¥60 优博讯DT50高通安卓11系统刷完机自动进去fastboot模式
  • ¥15 minist数字识别
  • ¥15 在安装gym库的pygame时遇到问题,不知道如何解决
  • ¥20 uniapp中的webview 使用的是本地的vue页面,在模拟器上显示无法打开
  • ¥15 网上下载的3DMAX模型,不显示贴图怎么办
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部