繁体 English 中英

HTML5 canvas上下文渐变昂贵吗？

[英]is HTML5 canvas context gradient expensive?

原文 2012-02-13 05:19:09 2 1 javascript/ html5/ html5-canvas

每次鼠标移动时，我都需要在画布上绘制一个径向渐变（好吧，一个用径向渐变填充的圆，圆锥的中心位于圆内），其中心位于当前鼠标位置。

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

换句话说，每次创建新的渐变对象是否昂贵？ 有人对这个有经验么？

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

[英]HTML5 Canvas Context

[英]Radial Gradient on Canvas HTML5

[英]Image gradient on HTML5 canvas

[英]html5 canvas gradient in 4 corners

[英]Clearing context in canvas html5

[英]HTML5 Canvas: Applying a gradient to shadow

[英]HTML5/JavaScript Canvas Text Gradient Effect

[英]Gradient map as opacity in a HTML5 canvas element?

[英]Continuous gradient along a HTML5 canvas path

[英]creating gradient/rainbow strokeStyle html5 canvas

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 HTML5画布上下文画布HTML5上的径向渐变 HTML5画布上的图像渐变 html5画布渐变在4个角落在画布HTML5中清除上下文 HTML5 Canvas：对阴影应用渐变 HTML5 / JavaScript画布文本渐变效果渐变贴图是HTML5 canvas元素中的不透明度吗？沿HTML5画布路径的连续渐变创建渐变/彩虹笔触样式html5画布

相关标签