RadialGradientPaint

Represents a radial gradient paint.

RadialGradientPaint interface

Represents a radial gradient paint.

Signature:

interface RadialGradientPaint extends GradientPaint

Extends: GradientPaint

Example

// Create a radial gradient
group.createFill({
  type: "GRADIENT_RADIAL",
  start: { x: 100, y: 100 },
  end: { x: 200, y: 100 },
  highlightAngle: 45,
  highlightLength: 50,
  stops: [
    { color: { r: 255, g: 255, b: 255 }, offset: 0, opacity: 1 },
    { color: { r: 0, g: 0, b: 0 }, offset: 1, opacity: 1 },
  ],
});

Properties

Property

Modifiers

Type

Description

highlightAngle

readonly

Animatable<number>

The angle of the highlight/focal point

highlightLength

readonly

Animatable<number>

The length of the highlight/focal point from the center (-100 to 100)

type

readonly

"GRADIENT_RADIAL"

Paint type

Last updated: August 5, 2026 at 11:47 AMEdit this page