0

動かないコードを書きました。以前はバグがありましたが、修正されました。しかし、別のバグがあります: キャンバスに四角形を描画しません。コンソールはエラーを検出しませんでした。コードは次のとおりです。

13.      var canvas=document.getElementById("canvas")
14.      var ctx=canvas.getContext("2d")
15.      function getMousePos(canvas,evt){
16.          var rect=canvas.getBindingClientRect()
17.          return{
18.               x:evt.clientX-rect.left,
19.               y:evt.clientY-rect.top
20.          }
21.      }
22.      canvas.addEventListener("mouseclick",function(evt){
23.           var mousePos=getMousePos(canvas,evt)
24.           ctx.fillRect(mousePos.x-15,mousePos.y-15,10,10)
25.      },false)
4

2 に答える 2

0

イベントはありclickませんmouseclick。

于 2013-09-23T02:46:14.720 に答える
0

この行を変更します。

var rect=canvas.getBindingClientRect()

に

var rect=canvas.getBoundingClientRect();

と

canvas.addEventListener("mouseclick",function(evt) { ...

に

canvas.addEventListener("click",function(evt) { ...

そしてそれはうまくいくはずです。

オンラインデモはこちら

于 2013-09-23T02:46:15.590 に答える