如何合并多个canvas的内容

[caxieyou]

现在有一个需求：

html页面有2个canvas，一个是webgl绘制的，一个是普通2d的canvas。

现在希望把2d的内容（文字，半透明的图标之类），放到webgl页面
当然，反过来把webgl内容放到2d的canvas也行

最后通过canvas.toDataURL("image/png"); 返回一个图，用作后面的事

如何操作？

谢谢

[caxieyou]

没有人知道么？？？

[天际的海浪]

很简单啊, canvas对象本身就可以当作一张图片,用drawImage()画到另一个canvas对象中

[天际的海浪]

var canvas1 = document.getElementById("canvas1Id");
var canvas2 = document.getElementById("canvas2Id");
canvas2.getContext("2d").drawImage(canvas1,0,0);