.addHitRegion（）在Chrome中不起作用

Question

我拥有最新的Chrome版本，并且在规格中看到它应该支持MDN上.addHitRegion()提到的方法。由于某种原因，我得到了错误。Uncaught TypeError: context.addHitRegion is not a function

我的代码很简单：

var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.beginPath();
context.rect(10,10,100,100);
context.fill();
context.addHitRegion({'id': 'The First Button', 'cursor': 'pointer'});

我如何解决它？

Answer 1

使用浏览器访问此处：chrome://flags

进而

将标志Experimental Web Platform features 设置为 true 以启用它。

Answer 2

所以需要在这里设置实验标志

\n\n

从您链接的页面底部的兼容性表：

\n\n

\n

此功能位于功能标志后面。将标志\n ExperimentalCanvasFeatures 设置为 true 以启用它。

\n

\n\n

要打开实验性画布功能，请浏览到 \xe2\x80\x9cchrome://flags\xe2\x80\x9c，打开 \xe2\x80\x9c启用实验性画布功能\xe2\x80\x9d 并重新启动。

\n