通过使用save、translate和restore，您可以执行任务而无需担心样式更改，例如。

ctx.save();
ctx.translate(X,Y);

ctx.shadowColor = 'rgba(255, 0, 0, 0.5)';

// do some stuff

ctx.restore();

这里X和Y是你想要画的坐标，你可以相对于坐标0,0来画。
此方法解决了缓存和恢复以前的样式/值的问题，并且在处理渐变时也非常有用，因为它们总是相对于原点(0,0)绘制

(EDIT：哎呀！我看到你已经用0阿尔法黑做了什么。）
这就是你一直在寻找的：

context.shadowColor = "transparent";

通常，在更改这些“全局”属性之前存储其旧值并在以后使用此存储值来恢复它是一个好主意。范例：

var origShadowColor = ctx.shadowColor;
ctx.shadowColor = 'rgba(255, 0, 0, 0.5)';

// ... do some stuff

ctx.shadowColor = origShadowColor;

我创建了一个函数，如果需要的话，我可以调用它来重置阴影。

resetShadow() {
    this.ctx.shadowOffsetX = 0;
    this.ctx.shadowOffsetY = 0;
    this.ctx.shadowColor = "transparent";
}

如果你在一个新的画布上下文上console.log(ctx.shadowColor, ctx.shadowBlur)，而不被修改，你可以看到颜色的默认值为rgba(0, 0, 0, 0)，模糊的默认值为0。
执行ctx.save()和ctx.restore()也可以做到这一点，be的开销更大，因为它必须为您执行的每次保存保存保存所有上下文。
所以你做得对，技术上来说没有更好的方法了。