CanvasRenderingContext2D.clearHitRegions()

跳转到：
  1. 语法
  2. 示例
  3. 规范描述
  4. 浏览器兼容性
  5. 参见

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

CanvasRenderingContext2D.clearHitRegions() 是 Canvas 2D API 在画布中删除所有点击区域的方法。

语法

void ctx.clearHitRegions();

示例

使用 clearHitRegions 方法

这仅是一段简单的使用 clearHitRegions 方法的代码片段。

HTML

<canvas id="canvas"></canvas>

JavaScript

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

// set some hit regions
ctx.addHitRegion({id: "eyes"});
ctx.addHitRegion({id: "nose"});
ctx.addHitRegion({id: "mouth"});

// remove them altogether from the canvas
ctx.clearHitRegions();

规范描述

Specification Status Comment
HTML Living Standard
CanvasRenderingContext2D.clearHitRegions		 Living Standard  

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes)[1] 38 (38) [2] 未实现 未实现 未实现
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 未实现 未实现 38.0 (38) [2] 未实现 未实现 未实现

兼容性注解

  • [1] 此特性需要一个特性标志。 设置 ExperimentalCanvasFeatures 标志为 true 进行启用。
  • [2] 此特性需要一个特性偏好设置。 在 about:config中设置 canvas.hitregions.enabled 为 true。

参见

文档标签和贡献者

此页面的贡献者： ice-i-snow
最后编辑者: ice-i-snow,