0

キャンバスのいくつかの場所でクリックしないようにする必要があります。例えば; 下のキャンバス。(0,250) から (0,300) の間の座標 (x,y) として、ユーザーがこの間隔のどこかをクリックすると、何も起こりません。

<script>

window.onload = function(){
    document.getElementById('lbltipAddedComment').innerHTML = '  ';
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");
}
</script>

<div id="ccontainer">
<canvas id="myCanvas" width="800" height="500"></canvas>   
</div>
4

1 に答える 1

2

キャンバス自体はクリックに反応しません。そのためにはコードが必要です。現状では、クリックはデフォルトでキャンバス全体で禁止されています。コードにより、クリックに反応できるようになります。したがって、コードを記述して、クリックに反応するようにするだけです。

これを行う簡単な方法は、透明な html 要素をキャンバス上に配置することです (CSS を使用して配置します)。おそらく JQuery を使用してオンクリック ハンドラーを設定し、透明な要素がクリックされたときに目的の操作を実行します。

于 2013-03-05T12:57:30.627 に答える