最新のWeb開発のチュートリアル
 

HTML canvas isPointInPath() Method

<HTMLキャンバスリファレンス

ポイント20,50は、現在のパスにある場合、四角形を描画します:

YourbrowserdoesnotsupporttheHTML5canvastag。

JavaScriptを:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
if (ctx.isPointInPath(20,50))
   {
   ctx.stroke();
   };
»それを自分で試してみてください

ブラウザのサポート

表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。

方法
isPointInPath() はい 9.0 はい はい はい

定義と使用法

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

JavaScriptシンタックス: context.isPointInPath(x,y);

パラメーター値

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

<HTMLキャンバスリファレンス