{{APIRef}} {{SeeCompatTable}}
Canvas 2D APIのCanvasRenderingContext2D
.removeHitRegion()
メソッドは、canvasから与えられたヒット領域を削除します。
構文
void ctx.removeHitRegion(id);
パラメータ
- id
- 削除する領域の
id
をあらわす{{domxref("DOMString")}}。
例
removeHitRegion
メソッドを使う
これは、removeHitRegion
を使った簡単なコードです。
HTML
<canvas id="canvas"></canvas>
JavaScript
var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); // ヒット領域を指定 ctx.addHitRegion({id: "eyes"}); // canvasからヒット領域を削除 ctx.removeHitRegion("eyes");
仕様
仕様 | 策定状況 | コメント |
---|---|---|
{{SpecName('HTML WHATWG', "scripting.html#dom-context-2d-removehitregion", "CanvasRenderingContext2D.removeHitRegion")}} | {{Spec2('HTML WHATWG')}} |
ブラウザー実装状況
{{CompatibilityTable}}
機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
基本サポート | {{CompatVersionUnknown}}[1] | {{CompatGeckoDesktop(30)}} [2] | {{CompatNo}} | {{CompatNo}} | {{CompatNo}} |
機能 | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
基本サポート | {{CompatNo}} | {{CompatNo}} | {{CompatGeckoMobile(30)}} [2] | {{CompatNo}} | {{CompatNo}} | {{CompatNo}} |
注記
- [1] この機能はフラグを変更しないと動作しません。有効にするには
ExperimentalCanvasFeatures
フラグをtrue
に設定してください。 - [2] この機能は設定を変更しないと動作しません。about:configで
canvas.hitregions.enabled
をtrue
に設定してください。
関連情報
- {{domxref("CanvasRenderingContext2D.addHitRegion()")}} {{experimental_inline}}
- {{domxref("CanvasRenderingContext2D.clearHitRegions()")}} {{experimental_inline}}