那是因为API更新后，这部分的命名从createCircularGradient 变成了 createRadialGradient。官方文档上对此只字未提，且在社区里查不到。

不过，其实也算是提到了，“CanvasContext 是旧版的接口，新版 Canvas 2D 接口与 Web 一致”， 所以顺着这个思路从 MDN找到对应的文档：https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/createRadialGradient

一个简单用例：

const grd = ctx.createRadialGradient(xTo, yTo, 1, xTo, yTo, r);
grd.addColorStop(0, 'red');
grd.addColorStop(1, 'rgba(0,0,0,0)');
ctx.fillStyle = grd;
ctx.arc(xTo, yTo, r, 0, 2 * Math.PI, false);
ctx.fill();

先自查下代码看看 createCircularGradient 看下是否是定义错了