jCanvasのイベントに苦労

普通にjCanvasではmouseoverなどのイベントが設定できるとあったのでそれを使ってみようとしていたがなかなかできない。

<canvas id=”image” height=”300″ width=”300″></canvas>
<script>
$(‘#image’).drawRect({
  fillStyle: ‘#000’,
  x: 10, y: 100,
  width: 200,
  height: 100,
  fromCenter: false,
  mouseover: function(layer) {
    alert(“test”);
  }
});
</script>

よくよく調べてようやく以下の項目が抜けていることに気が付いた。

<script>
$(‘#image’).drawRect({
  layer: true,
  fillStyle: ‘#000’,
  x: 10, y: 100,
  width: 200,
  height: 100,
  fromCenter: false,
  mouseover: function(layer) {
    alert(“test”);
  }
});
</script>

何でもないところではまるのは恐ろしい。

他にfromCenter: falseも間違いやすい。