ブログ

割とコンピュータよりの情報をお届けします。

2018/5/29

jCanvasのイベントに苦労

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

≫ Read More

2018/05/29 コンピュータ   TakeMe