js canvas求助

[轻枫绯扬]

事情是这样的：我有2个canvas：c1、c2 2个js文件：js1、js2


我要在js1中使用putImageData给c1绘图，然后想在js2中把取c1上的图像绘制在c2上，能不能办到，之前看到有人说canvas渲染图片后可能无法获取数据，求解答

我之前是这样写的：
js1：
var canvas1 = document.getElementById("c1");
var context1 = canvas1.getContext('2d');
context1.putImageData(imageData,0,0);

js2:
var canvas1 = document.getElementById("c1");
var canvas2 = document.getElementById("c2");
var context2 = canvas2.getContext('2d');
context2.drawImage(canvas1 ,0,0);
但是只有c1能显示图像，c2显示不出

[天际的海浪]

应该没问题。

[天际的海浪]

没有问题啊

<canvas id="c1" width="100" height="200"></canvas>
<canvas id="c2" width="100" height="200"></canvas>
<script type="text/javascript">
 var canvas1 = document.getElementById("c1");
 var context1 = canvas1.getContext('2d');
 context1.fillRect(11,11,55,66);
 var canvas2 = document.getElementById("c2");
 var context2 = canvas2.getContext('2d');
 context2.drawImage(canvas1 ,0,0);
</script>

[轻枫绯扬]

引用 2 楼 jslang 的回复:

没有问题啊

<canvas id="c1" width="100" height="200"></canvas>
<canvas id="c2" width="100" height="200"></canvas>
<script type="text/javascript">
 var canvas1 = document.getElementById("c1");
 var context1 = canvas1.getContext('2d');
 context1.fillRect(11,11,55,66);
 var canvas2 = document.getElementById("c2");
 var context2 = canvas2.getContext('2d');
 context2.drawImage(canvas1 ,0,0);
</script>

谢谢了，我再去试试吧 可能其他地方出了问题，着这个程序有点大。