javascript - context.createConicGradient 不是函数

Question

我是 canvas 的新手，我正在从 MDN 的 Canvas tutorial's color gradient part 学习，当我想运行 context.createConicGradient 浏览器时抛出错误:

Uncaught TypeError: context.createConicGradient is not a function

我什至从教程中复制了相同的代码，但它仍然会抛出此错误。我认为这个方法已从 JS 中删除或弃用，但我没有找到任何可靠的方法。

这是教程中的代码:

  var conicGrad1 = ctx.createConicGradient(2, 62, 75);
  conicGrad1.addColorStop(0, '#A7D30C');
  conicGrad1.addColorStop(1, '#fff');

Answer 1

方法 createConicGradient() 是实验性的，在大多数浏览器中尚不可用。

检查以下浏览器兼容性:

https://caniuse.com/mdn-api_canvasrenderingcontext2d_createconicgradient

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createConicGradient#browser_compatibility

如果你想试验，你可以在 Firefox 中打开:

about:config

然后启用下面的属性:

canvas.createConicGradient.enabled

在那之后，您的代码将起作用。