HTML5画布上下文梯度非常昂贵
is HTML5 canvas context gradient expensive?
每次鼠标移动时,我都需要在画布上绘制一个径向渐变(好吧,一个用径向渐变填充的圆,圆锥体居中于圆内),中心位于当前鼠标位置。
似乎每次收到鼠标移动事件时,我都需要创建一个新的径向渐变对象,因为渐变的中心必须设置为鼠标位置。或者我可以使用某种变换来移动现有的渐变,以便if在正确的位置填充我的圆吗?
换句话说,每次创建一个新的渐变对象都很昂贵吗?有人有这方面的经验吗?
我没有这方面的经验,但我确信为每一次鼠标移动绘制一个新的渐变是昂贵的。相反,您可以尝试翻译或转换整个画布上下文以实现您的目标。有关如何翻译上下文的更多详细信息,请参阅下面的链接。
http://www.html5canvastutorials.com/advanced/html5-canvas-transform-translate-tutorial/
相关文章:
- 将函数的上下文应用于javascript变量
- Twitter Bootstrap typeahead:使用“this”获取上下文/调用元素
- 使用JQuery的动态上下文菜单
- 如何访问UIWebView'的子窗口上下文
- 通过javascript操作图像,非常简单
- JQuery在单击正文时隐藏上下文菜单
- JQuery上下文菜单显示/隐藏问题
- 如何从HTTP上下文对象中获取Post数据
- HTML字符串作为上下文
- 为什么我的上下文选择器和.buttonset()在ie中花费了这么长时间
- 丢失对象“;这个“;方法中的上下文
- 防止在移动Safari(iPad/iPhone)中长按/长按默认上下文菜单
- d3防止在上下文菜单上触发mouseout
- 是否可以在不更改上下文的情况下调用函数.apply
- 调用$.each()函数时上下文发生变化
- 何时可以;我的用户脚本在Javascript中触发右键单击(上下文菜单)
- 如何向onClick事件处理程序传递一个接受参数的函数,并且仍然将该函数绑定到组件's”;这个“;上下文
- 非常简单的XMLHttpRequest不起作用
- Ember.js:将Em.$.getJSON转换为promise并将响应绑定到控制器上下文的正确方法
- HTML5画布上下文梯度非常昂贵