在每次鼠标移动时，我需要在画布上画一个径向渐变（好吧，一个圆圈填充一个径向渐变，圆锥在圆圈内居中），中心位于当前鼠标位置。
为了做到这一点，我需要在每次收到鼠标移动事件时创建一个新的径向渐变对象，因为渐变的中心必须设置为鼠标位置。或者我可以使用某种变换来移动现有的渐变，以便在正确的位置填充我的圆圈？
换句话说，每次昂贵都会创建一个新的渐变对象？有没有人有这方面的经验？
答案 0 :(得分：0)
我没有这方面的经验，但我确信为每次鼠标移动绘制新的渐变都很昂贵。相反，您可以尝试翻译或转换整个画布上下文以实现您的目标。有关如何翻译上下文的更多详细信息，请参阅以下链接。
http://www.html5canvastutorials.com/advanced/html5-canvas-transform-translate-tutorial/