0
在每一次鼠标移动时，我需要在画布上绘制一个径向渐变（以及圆心位于圆圈内部的径向渐变圆），中心位于当前鼠标位置。是HTML5 canvas上下文渐变很贵吗？
似乎这样做，我需要创建一个新的径向渐变对象，每次我收到一个鼠标移动事件，因为梯度的中心必须设置为鼠标位置。或者我可以使用某种变换来移动现有渐变，以便在正确的位置填充我的圆圈？
换句话说，是每次创建一个新的渐变对象昂贵？有人对这个有经验么？
A
回答
0
我没有这方面的经验，但我确定为每个鼠标移动绘制一个新的渐变是昂贵的。相反，您可以尝试翻译或转换整个画布上下文以实现您的目标。有关如何进行上下文翻译的更多详细信息，请参阅下面的链接。
http://www.html5canvastutorials.com/advanced/html5-canvas-transform-translate-tutorial/
相关问题
- 1. 创建渐变/彩虹strokeStyle html5 canvas
- 2. 更改HTML5 canvas上的渐变颜色mouseover
- 3. 什么是Flash CC for HTML5 Canvas中的等效渐变遮罩？
- 4. SQLite是CASE语句很贵吗？
- 5. 是std :: packaged_task真的很贵吗？
- 6. 数（*）真的很贵吗？
- 7. 是否class.getName（）很贵？
- 8. 在GWT中接口java.awt.Graphics2D和Html5 Canvas上下文是否可行？
- 9. Android上的HTML5 Canvas比PhoneGap更快吗？
- 10. html5 canvas转换和缓存渐变，曲线和旋转
- 11. 绘制圆弧将线性渐变html5 canvas
- 12. 上下文切换太贵
- 13. Cookie是否写得很贵？
- 14. 查找HTML5中的曲线上的点2d Canvas上下文
- 15. 渐变背景上的文字渐变
- 16. HTML5 Canvas变换矩阵
- 17. 是“ConnectionMultiplexer.IsConnected”昂贵吗？
- 18. 是SELECT COUNT（*）贵吗？
- 19. css：无显示。这个很贵吗？
- 20. 我可以用css3和html5吗？ （渐变背景，边框渐变，透明度）
- 21. Html5 Canvas to Canvas Blit
- 22. Safari/Lion中HTML5 canvas上下文drawImage或getImageData的问题？
- 23. 如何为HTML5 canvas上下文设置2种字体？
- 24. html5 canvas标记-2d上下文呈现不起作用
- 25. 如何正确清除旋转的HTML5 canvas上下文？
- 26. html5 canvas上下文.fillStyle不能正常工作
- 27. 在HTML5 Canvas上绘图
- 28. Android上的Html5 canvas动画
- 29. 旋转对象的Alpha渐变 - JavaFX Canvas
- 30. 在Redux中重写状态在计算上很昂贵吗？