Javascript HTML5画布上下文渐变是否昂贵？

每次鼠标移动时，我都需要在画布上绘制一个径向渐变井，一个充满径向渐变的圆，圆锥体居中于圆内，圆心位于当前鼠标位置

似乎要做到这一点，我需要在每次收到鼠标移动事件时创建一个新的径向渐变对象，因为渐变的中心必须设置为鼠标位置。或者我可以使用某种变换来移动现有的渐变，以便在正确的位置填充我的圆

---

换句话说，每次创建一个新的渐变对象都很昂贵吗？有人对此有经验吗？

我没有这方面的经验，但我确信为每次鼠标移动绘制一个新的渐变是昂贵的。相反，您可以尝试转换整个画布上下文以实现您的目标。有关如何翻译上下文的更多详细信息，请参见下面的链接