Фигуры не рисуются на холсте

Я новичок в html5. Я написал небольшой код, который добавляет прямоугольник на холст. Когда я дважды щелкаю по холсту, почему-то он не работает, может ли кто-нибудь указать мне, где я делаю неправильно?

<script>
function init() {
    var canvas2 = document.getElementById("canvas2");
    canvas2.ondblclick = doubleclickhandler;

}
function doubleclickhandler (){
      var canv = document.getElementById("canvas2");
      var ctx = canv.getContext("2d"); 
      ctx.fillStyle = "rbga(0,200,0,1)" ;
      ctx.fillRect = (36,10,22,22);
}
</script>
<style>
#div2
{
    float:left;
    width:100px;
    height:150px;
    margin:10px;
    border:1px solid #aaaaaa;

}
</style>
<body onLoad="init()">
 <div id= "div2">
 <canvas id="canvas2" width="100" height="150" ></canvas>          
 </div>
</body>
0
задан Dave Clemmer 10 October 2013 в 19:20
поделиться