ブログ

普通に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も間違いやすい。