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