Script Kanvas Warna

Memilih Warna Kanvas dengan Javascript

Ini Sciptnya ...

<style type="text/css">
.canvas{
background-color:#663300;


}


.style1 {
 font-size: 24px;
 font-weight: bold;
}
</style>


<script language="javascript">
function gantiWarna(kode){
var kanvas=document.getElementById("canvas");
kanvas.getContext("2d").fillStyle=kode;


kanvas.getContext("2d").fillRect(0, 0, kanvas.width, kanvas.height); 


}
</script>
<br />
<div class="style1">
Memilih Warna Kanvas dengan Javascript </div>
<canvas class="canvas" height="240" id="canvas" width="320"></canvas><br />
<br />
<input name="Submit" onclick="gantiWarna('#FF0000')" type="button" value="Merah" />
  <input name="Submit2" onclick="gantiWarna('#FFFF00')" type="button" value="Kuning" />
  <input name="Submit3" onclick="gantiWarna('#00FF00')" type="button" value="Hijau" />
  <input name="Submit4" onclick="gantiWarna('#0066FF')" type="button" value="Biru" />
  <input name="Submit42" onclick="gantiWarna('#000000')" type="button" value="Hitam" />
  <input name="Submit43" onclick="gantiWarna('#FFFFFF')" type="button" value="Putih" />
  <input name="Submit44" onclick="gantiWarna('#663300')" type="button" value="Cokelat" />

SEMOGA GAGAL