为什么这些油画没有渲染?

我正在创建一个Web应用程序,它允许用户通过指定RGB值输入多种颜色。提交后,用户将看到一个画布,并以所选颜色绘制一个实心矩形。

在这一页上,我有7幅油画。第一张画得很好,但其余的都没出现。浏览器是Safari。相关代码如下:

首先,头部的script元素,它定义了我用来绘制到画布的函数。

<script language="JavaScript" TYPE="text/javascript"><!--
function drawCanvas(canvasId, red, green, blue) {
var theCanvas = document.getElementById("canvas" + canvasId);

     var context = theCanvas.getContext("2d");

     context.clearRect(0,0,100,100);
     context.setFillColor(red,green,blue,1.0);
     context.fillRect(0,0,100,100);
    }
    // -->
    </script>

接下来是HTML源代码,其中我有我的画布标记和一些嵌入的javascript来调用我的drawcanvas函数

<canvas id="canvas0" width="100" height="100">
  </canvas>


   <script language="JavaScript" TYPE="text/javascript"><!--
 drawCanvas(0,250,0,0);
   // -->
 </script>
.
. //more source
.
<canvas id="canvas1" width="100" height="100">
  </canvas>


   <script language="JavaScript" TYPE="text/javascript"><!--
 drawCanvas(1,4,250,6);
   // -->
 </script>

还提供了屏幕截图。如你所见,“红色”的画布看起来很好,但是第二张应该是绿色的画布根本就不出现。有什么想法吗?