Canvas 2d Radial Gradient

[Pryme8]

I have looked and looked, and cant find any information on making a radial gradient with Canvas 2d, I see the GetGradientColorBrush for the border, but do not see how this would work for a radial.

Any playground with this?

[none-9999]

http://www.w3schools.com/tags/canvas_createradialgradient.asp

[Pryme8]

Im talking about the BJS Canvas2d Engine... and no a normal canvas element wont work because I need Opacity on the gradient and that's buggy for most browsers still. Thanks though.

I ended up using a standard DOM element and some fancy css.

[GameMonetize]

Ping @Nockawa

 

[Nockawa]

On 10/7/2016 at 6:09 PM, Pryme8 said:

I have looked and looked, and cant find any information on making a radial gradient with Canvas 2d, I see the GetGradientColorBrush for the border, but do not see how this would work for a radial.

Any playground with this?

GetGradientColorBrush create a linear Gradient brush, not a radial one. I supposed I could have been more precise on the terminology and call it LinearGradientColorBrush, but it's getting long, but it would have been accurate though.

So to sum up, only linear so far, but I do accept contribution of a new RadialGradientColorBrush!

 

edit: I just looked at the doc and indeed I never mentioned it's a linear one, well, I assumed at that time it was obvious...

[Pryme8]

Thank you!