HTMLキャンバス 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> 元素をサポートしていません。