那是因为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();