javascript - 改变圆圈的渐变颜色？

Question

我正在尝试在实例化圆形渐变后更改其颜色。我尝试过应用 ColorFilter 但似乎不支持渐变。我将如何实现这个目标？

我这样画耀斑

    flare.graphics
        .beginRadialGradientFill(["#f15a29","#000"], [0, 1], 0, 0, 0, 0, 0, 250)
        .drawCircle(0, 0, 250);

谢谢

Answer 1

如果你想改变它，你必须在每个刻度处重新绘制它。这听起来好像不是一个高性能选项，但是 Graphics 类无论如何都会在每个刻度上执行此操作，因此在刻度上清除和重绘形状没有太大不同。

您还可以查看 inject 方法，它允许您定义一些可以在 Graphics 每次重绘时影响上下文的方法:

来自文档:

function setColor(color) {
    this.fillStyle = color;
}
// this will draw the rect in green:
myGraphics.beginFill("#000").inject(setColor, "green").drawRect(0,0,100,100);

http://www.createjs.com/Docs/EaselJS/classes/Graphics.html#method_inject