Einfache und komplexere Grafikobjekte in einem Canvas-Element können nicht nur einfarbig in Erscheinung treten. Das Canvas-Element bietet darüber hinaus auch die Möglichkeit einer differenzierten farblichen Gestaltung mit Hilfe von Farbverläufen. Derartige Farbverläufe werden meist als Gradients / Gradienten bezeichnet. Neben den linearen Farbverläufen gibt es radiale Gradienten. Mit diesem Begriff werden Farbverläufe beschrieben, die sich ausgehend von einem Mittelpunkt kreisförmig verändern.
Wie bei den linearen Farbverläufen müssen mehrere Einzelschritte befolgt werden:
getContextcreateRadialGradientaddColorstopfillStyle oder auch strokeStyle aktivieren.