Canvas isPointInPath() メソッド

定義と用法

isPointInPath() メソッドが返します true;指定されたポイントが現在のパス内にある場合;そうでない場合は false

点20,50が現在のパス内にある場合に矩形を描画します:

ブラウザはHTML5キャンバスタグをサポートしていません。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
if (ctx.isPointInPath(20,50))
   {
   ctx.stroke();
   ;

自分で試してみてください

文法

context.isPointInPath(x,y);

パラメータの値

パラメータ 説明
x テストの x 座標
y テストの y 座標

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

注記:Internet Explorer 8 以前のバージョンでは <canvas> 要素をサポートしていません。