ApexPainter member
ApexPainter.createCanvas
Published ApexPainter.createCanvas method.
lib-next/apex-painter/main.ts (opens in a new tab)Signature
(canvas: CanvasConfig, painterOpts?: PainterAssetRefsOptions) => Promise<CanvasResults>Parameters
canvas
painterOpts?
Options
| Option | Type | Contract | Allowed values | Runtime & capabilities |
|---|---|---|---|---|
| canvas | ||||
canvas.bgLayersPublished canvas.bgLayers option. | BackgroundLayer[] | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.blendModePublished canvas.bgLayers.blendMode option. | GlobalCompositeOperation | OptionalDefault— | 26 values"color" "color-burn" "color-dodge" "copy" "darken" "destination-atop" "destination-in" "destination-out" "destination-over" "difference" "exclusion" "hard-light" "hue" "lighten" "lighter" "luminosity" "multiply" "overlay" "saturation" "screen" "soft-light" "source-atop" "source-in" "source-out" "source-over" "xor" | node22 · node24 · node26 |
canvas.bgLayers.opacityPublished canvas.bgLayers.opacity option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.typePublished canvas.bgLayers.type option. | "color" | RequiredDefaultRequired | "color" | node22 · node24 · node26 |
canvas.bgLayers.valuePublished canvas.bgLayers.value option. | string | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.bgLayers.alignPublished canvas.bgLayers.align option. | AlignMode | OptionalDefault— | 9 values"center" "top" "bottom" "left" "right" "top-left" "top-right" "bottom-left" "bottom-right" | node22 · node24 · node26 |
canvas.bgLayers.fitPublished canvas.bgLayers.fit option. | "fill" | "contain" | "cover" | OptionalDefault— | "fill" "contain" "cover" | node22 · node24 · node26 |
canvas.bgLayers.sourcePublished canvas.bgLayers.source option. | string | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.bgLayers.repeatPublished canvas.bgLayers.repeat option. | BackgroundPatternRepeat | OptionalDefault— | "repeat" "no-repeat" "repeat-x" "repeat-y" | node22 · node24 · node26 |
canvas.bgLayers.patternPublished canvas.bgLayers.pattern option. | PatternOptions | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.blendModePublished canvas.bgLayers.pattern.blendMode option. | GlobalCompositeOperation | OptionalDefault— | 26 values"color" "color-burn" "color-dodge" "copy" "darken" "destination-atop" "destination-in" "destination-out" "destination-over" "difference" "exclusion" "hard-light" "hue" "lighten" "lighter" "luminosity" "multiply" "overlay" "saturation" "screen" "soft-light" "source-atop" "source-in" "source-out" "source-over" "xor" | node22 · node24 · node26 |
canvas.bgLayers.pattern.colorPublished canvas.bgLayers.pattern.color option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.customPatternImagePublished canvas.bgLayers.pattern.customPatternImage option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradientPublished canvas.bgLayers.pattern.gradient option. | GradientConfig | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.anglePublished canvas.bgLayers.pattern.gradient.angle option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.centerXPublished canvas.bgLayers.pattern.gradient.centerX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.centerYPublished canvas.bgLayers.pattern.gradient.centerY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.colorsPublished canvas.bgLayers.pattern.gradient.colors option. | { stop: number; color: string; }[] | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.colors.colorPublished canvas.bgLayers.pattern.gradient.colors.color option. | string | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.colors.stopPublished canvas.bgLayers.pattern.gradient.colors.stop option. | number | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.endRadiusPublished canvas.bgLayers.pattern.gradient.endRadius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.endXPublished canvas.bgLayers.pattern.gradient.endX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.endYPublished canvas.bgLayers.pattern.gradient.endY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.repeatPublished canvas.bgLayers.pattern.gradient.repeat option. | "repeat" | "reflect" | "no-repeat" | OptionalDefault— | "repeat" "reflect" "no-repeat" | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.startAnglePublished canvas.bgLayers.pattern.gradient.startAngle option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.startRadiusPublished canvas.bgLayers.pattern.gradient.startRadius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.startXPublished canvas.bgLayers.pattern.gradient.startX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.startYPublished canvas.bgLayers.pattern.gradient.startY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.gradient.typePublished canvas.bgLayers.pattern.gradient.type option. | "linear" | "radial" | "conic" | RequiredDefaultRequired | "linear" "radial" "conic" | node22 · node24 · node26 |
canvas.bgLayers.pattern.offsetXPublished canvas.bgLayers.pattern.offsetX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.offsetYPublished canvas.bgLayers.pattern.offsetY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.opacityPublished canvas.bgLayers.pattern.opacity option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.repeatPublished canvas.bgLayers.pattern.repeat option. | "repeat" | "no-repeat" | "repeat-x" | "repeat-y" | OptionalDefault— | "repeat" "no-repeat" "repeat-x" "repeat-y" | node22 · node24 · node26 |
canvas.bgLayers.pattern.rotationPublished canvas.bgLayers.pattern.rotation option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.scalePublished canvas.bgLayers.pattern.scale option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.secondaryColorPublished canvas.bgLayers.pattern.secondaryColor option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.sizePublished canvas.bgLayers.pattern.size option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.spacingPublished canvas.bgLayers.pattern.spacing option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.bgLayers.pattern.typePublished canvas.bgLayers.pattern.type option. | "grid" | "dots" | "diagonal" | "stripes" | "waves" | "crosses" | "hexagons" | "checkerboard" | "diamonds" | "triangles" | "stars" | "polka" | "custom" | RequiredDefaultRequired | 13 values"grid" "dots" "diagonal" "stripes" "waves" "crosses" "hexagons" "checkerboard" "diamonds" "triangles" "stars" "polka" "custom" | node22 · node24 · node26 |
canvas.bgLayers.intensityPublished canvas.bgLayers.intensity option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.blendModePublished canvas.blendMode option. | GlobalCompositeOperation | OptionalDefault— | 26 values"color" "color-burn" "color-dodge" "copy" "darken" "destination-atop" "destination-in" "destination-out" "destination-over" "difference" "exclusion" "hard-light" "hue" "lighten" "lighter" "luminosity" "multiply" "overlay" "saturation" "screen" "soft-light" "source-atop" "source-in" "source-out" "source-over" "xor" | node22 · node24 · node26 |
canvas.blurPublished canvas.blur option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.borderPositionPublished canvas.borderPosition option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.borderRadiusPublished canvas.borderRadius option. | number | "circular" | OptionalDefault— | — | node22 · node24 · node26 |
canvas.colorBgPublished canvas.colorBg option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBgPublished canvas.customBg option. | CanvasCustomBackground | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.alignPlacement used by `contain` / `cover` when `inherit` is false. | AlignMode | OptionalDefault— | 9 values"center" "top" "bottom" "left" "right" "top-left" "top-right" "bottom-left" "bottom-right" | node22 · node24 · node26 |
canvas.customBg.filtersImage filters applied to this background only. | ImageFilter[] | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.anglePublished canvas.customBg.filters.angle option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.centerXPublished canvas.customBg.filters.centerX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.centerYPublished canvas.customBg.filters.centerY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.heightPublished canvas.customBg.filters.height option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.intensityPublished canvas.customBg.filters.intensity option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.levelsPublished canvas.customBg.filters.levels option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.radiusPublished canvas.customBg.filters.radius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.sizePublished canvas.customBg.filters.size option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.typePublished canvas.customBg.filters.type option. | "saturation" | "gaussianBlur" | "motionBlur" | "radialBlur" | "sharpen" | "noise" | "grain" | "edgeDetection" | "emboss" | "invert" | "grayscale" | "sepia" | "pixelate" | "brightness" | "contrast" | "hueShift" | "posterize" | RequiredDefaultRequired | 17 values"saturation" "gaussianBlur" "motionBlur" "radialBlur" "sharpen" "noise" "grain" "edgeDetection" "emboss" "invert" "grayscale" "sepia" "pixelate" "brightness" "contrast" "hueShift" "posterize" | node22 · node24 · node26 |
canvas.customBg.filters.valuePublished canvas.customBg.filters.value option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.widthPublished canvas.customBg.filters.width option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.xOptional pixelate region. Omit for the whole filtered surface. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.filters.yPublished canvas.customBg.filters.y option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.fitResize policy when `inherit` is false. | FitMode | OptionalDefault— | "fill" "contain" "cover" | node22 · node24 · node26 |
canvas.customBg.inheritAdopt the source image dimensions as the canvas dimensions. | boolean | OptionalDefault— | false true | node22 · node24 · node26 |
canvas.customBg.opacityBackground-image opacity, multiplied by the canvas-level opacity. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.customBg.sourcePublished canvas.customBg.source option. | string | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.gradientBgPublished canvas.gradientBg option. | gradient | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.colorsPublished canvas.gradientBg.colors option. | GradientStop[] | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.gradientBg.colors.colorPublished canvas.gradientBg.colors.color option. | string | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.gradientBg.colors.stopPublished canvas.gradientBg.colors.stop option. | number | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.gradientBg.endXPublished canvas.gradientBg.endX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.endYPublished canvas.gradientBg.endY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.pivotXPublished canvas.gradientBg.pivotX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.pivotYPublished canvas.gradientBg.pivotY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.repeatPublished canvas.gradientBg.repeat option. | "repeat" | "reflect" | "no-repeat" | OptionalDefault— | "repeat" "reflect" "no-repeat" | node22 · node24 · node26 |
canvas.gradientBg.rotatePublished canvas.gradientBg.rotate option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.startXPublished canvas.gradientBg.startX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.startYPublished canvas.gradientBg.startY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.typePublished canvas.gradientBg.type option. | "linear" | RequiredDefaultRequired | "linear" | node22 · node24 · node26 |
canvas.gradientBg.endRadiusPublished canvas.gradientBg.endRadius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.startRadiusPublished canvas.gradientBg.startRadius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.centerXPublished canvas.gradientBg.centerX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.centerYPublished canvas.gradientBg.centerY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.gradientBg.startAnglePublished canvas.gradientBg.startAngle option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.heightPublished canvas.height option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.noiseBgPublished canvas.noiseBg option. | { intensity?: number; } | OptionalDefault— | — | node22 · node24 · node26 |
canvas.noiseBg.intensityPublished canvas.noiseBg.intensity option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.opacityPublished canvas.opacity option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBgPublished canvas.patternBg option. | PatternOptions | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.blendModePublished canvas.patternBg.blendMode option. | GlobalCompositeOperation | OptionalDefault— | 26 values"color" "color-burn" "color-dodge" "copy" "darken" "destination-atop" "destination-in" "destination-out" "destination-over" "difference" "exclusion" "hard-light" "hue" "lighten" "lighter" "luminosity" "multiply" "overlay" "saturation" "screen" "soft-light" "source-atop" "source-in" "source-out" "source-over" "xor" | node22 · node24 · node26 |
canvas.patternBg.colorPublished canvas.patternBg.color option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.customPatternImagePublished canvas.patternBg.customPatternImage option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradientPublished canvas.patternBg.gradient option. | GradientConfig | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradient.anglePublished canvas.patternBg.gradient.angle option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradient.centerXPublished canvas.patternBg.gradient.centerX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradient.centerYPublished canvas.patternBg.gradient.centerY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradient.colorsPublished canvas.patternBg.gradient.colors option. | { stop: number; color: string; }[] | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.patternBg.gradient.colors.colorPublished canvas.patternBg.gradient.colors.color option. | string | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.patternBg.gradient.colors.stopPublished canvas.patternBg.gradient.colors.stop option. | number | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.patternBg.gradient.endRadiusPublished canvas.patternBg.gradient.endRadius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradient.endXPublished canvas.patternBg.gradient.endX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradient.endYPublished canvas.patternBg.gradient.endY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradient.repeatPublished canvas.patternBg.gradient.repeat option. | "repeat" | "reflect" | "no-repeat" | OptionalDefault— | "repeat" "reflect" "no-repeat" | node22 · node24 · node26 |
canvas.patternBg.gradient.startAnglePublished canvas.patternBg.gradient.startAngle option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradient.startRadiusPublished canvas.patternBg.gradient.startRadius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradient.startXPublished canvas.patternBg.gradient.startX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradient.startYPublished canvas.patternBg.gradient.startY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.gradient.typePublished canvas.patternBg.gradient.type option. | "linear" | "radial" | "conic" | RequiredDefaultRequired | "linear" "radial" "conic" | node22 · node24 · node26 |
canvas.patternBg.offsetXPublished canvas.patternBg.offsetX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.offsetYPublished canvas.patternBg.offsetY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.opacityPublished canvas.patternBg.opacity option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.repeatPublished canvas.patternBg.repeat option. | "repeat" | "no-repeat" | "repeat-x" | "repeat-y" | OptionalDefault— | "repeat" "no-repeat" "repeat-x" "repeat-y" | node22 · node24 · node26 |
canvas.patternBg.rotationPublished canvas.patternBg.rotation option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.scalePublished canvas.patternBg.scale option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.secondaryColorPublished canvas.patternBg.secondaryColor option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.sizePublished canvas.patternBg.size option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.spacingPublished canvas.patternBg.spacing option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.patternBg.typePublished canvas.patternBg.type option. | "grid" | "dots" | "diagonal" | "stripes" | "waves" | "crosses" | "hexagons" | "checkerboard" | "diamonds" | "triangles" | "stars" | "polka" | "custom" | RequiredDefaultRequired | 13 values"grid" "dots" "diagonal" "stripes" "waves" "crosses" "hexagons" "checkerboard" "diamonds" "triangles" "stars" "polka" "custom" | node22 · node24 · node26 |
canvas.rotationPublished canvas.rotation option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadowPublished canvas.shadow option. | ShadowOptions | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.blurPublished canvas.shadow.blur option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.borderPositionPublished canvas.shadow.borderPosition option.Deprecated | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.borderRadiusPublished canvas.shadow.borderRadius option. | number | "circular" | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.colorPublished canvas.shadow.color option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradientPublished canvas.shadow.gradient option. | gradient | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.colorsPublished canvas.shadow.gradient.colors option. | GradientStop[] | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.shadow.gradient.colors.colorPublished canvas.shadow.gradient.colors.color option. | string | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.shadow.gradient.colors.stopPublished canvas.shadow.gradient.colors.stop option. | number | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.shadow.gradient.endXPublished canvas.shadow.gradient.endX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.endYPublished canvas.shadow.gradient.endY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.pivotXPublished canvas.shadow.gradient.pivotX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.pivotYPublished canvas.shadow.gradient.pivotY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.repeatPublished canvas.shadow.gradient.repeat option. | "repeat" | "reflect" | "no-repeat" | OptionalDefault— | "repeat" "reflect" "no-repeat" | node22 · node24 · node26 |
canvas.shadow.gradient.rotatePublished canvas.shadow.gradient.rotate option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.startXPublished canvas.shadow.gradient.startX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.startYPublished canvas.shadow.gradient.startY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.typePublished canvas.shadow.gradient.type option. | "linear" | RequiredDefaultRequired | "linear" | node22 · node24 · node26 |
canvas.shadow.gradient.endRadiusPublished canvas.shadow.gradient.endRadius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.startRadiusPublished canvas.shadow.gradient.startRadius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.centerXPublished canvas.shadow.gradient.centerX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.centerYPublished canvas.shadow.gradient.centerY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.gradient.startAnglePublished canvas.shadow.gradient.startAngle option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.offsetXPublished canvas.shadow.offsetX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.offsetYPublished canvas.shadow.offsetY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.opacityPublished canvas.shadow.opacity option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.shadow.roundedCornersPublished canvas.shadow.roundedCorners option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.strokePublished canvas.stroke option. | StrokeOptions | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.blurPublished canvas.stroke.blur option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.borderPositionPublished canvas.stroke.borderPosition option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.borderRadiusPublished canvas.stroke.borderRadius option. | number | "circular" | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.colorPublished canvas.stroke.color option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradientPublished canvas.stroke.gradient option. | gradient | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.colorsPublished canvas.stroke.gradient.colors option. | GradientStop[] | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.stroke.gradient.colors.colorPublished canvas.stroke.gradient.colors.color option. | string | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.stroke.gradient.colors.stopPublished canvas.stroke.gradient.colors.stop option. | number | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.stroke.gradient.endXPublished canvas.stroke.gradient.endX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.endYPublished canvas.stroke.gradient.endY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.pivotXPublished canvas.stroke.gradient.pivotX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.pivotYPublished canvas.stroke.gradient.pivotY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.repeatPublished canvas.stroke.gradient.repeat option. | "repeat" | "reflect" | "no-repeat" | OptionalDefault— | "repeat" "reflect" "no-repeat" | node22 · node24 · node26 |
canvas.stroke.gradient.rotatePublished canvas.stroke.gradient.rotate option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.startXPublished canvas.stroke.gradient.startX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.startYPublished canvas.stroke.gradient.startY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.typePublished canvas.stroke.gradient.type option. | "linear" | RequiredDefaultRequired | "linear" | node22 · node24 · node26 |
canvas.stroke.gradient.endRadiusPublished canvas.stroke.gradient.endRadius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.startRadiusPublished canvas.stroke.gradient.startRadius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.centerXPublished canvas.stroke.gradient.centerX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.centerYPublished canvas.stroke.gradient.centerY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.gradient.startAnglePublished canvas.stroke.gradient.startAngle option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.opacityPublished canvas.stroke.opacity option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.positionPublished canvas.stroke.position option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.roundedCornersPublished canvas.stroke.roundedCorners option. | string | OptionalDefault— | — | node22 · node24 · node26 |
canvas.stroke.stylePublished canvas.stroke.style option. | "solid" | "dashed" | "dotted" | "groove" | "ridge" | "double" | OptionalDefault— | 6 values"solid" "dashed" "dotted" "groove" "ridge" "double" | node22 · node24 · node26 |
canvas.stroke.widthPublished canvas.stroke.width option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.transparentBasePublished canvas.transparentBase option. | boolean | OptionalDefault— | false true | node22 · node24 · node26 |
canvas.videoBgPublished canvas.videoBg option. | CanvasVideoBackground | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.alignPlacement used by `contain` / `cover` when `inherit` is false. | AlignMode | OptionalDefault— | 9 values"center" "top" "bottom" "left" "right" "top-left" "top-right" "bottom-left" "bottom-right" | node22 · node24 · node26 |
canvas.videoBg.autoplayPublished canvas.videoBg.autoplay option.Deprecated | boolean | OptionalDefault— | false true | node22 · node24 · node26 |
canvas.videoBg.filtersImage filters applied to this background only. | ImageFilter[] | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.anglePublished canvas.videoBg.filters.angle option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.centerXPublished canvas.videoBg.filters.centerX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.centerYPublished canvas.videoBg.filters.centerY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.heightPublished canvas.videoBg.filters.height option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.intensityPublished canvas.videoBg.filters.intensity option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.levelsPublished canvas.videoBg.filters.levels option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.radiusPublished canvas.videoBg.filters.radius option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.sizePublished canvas.videoBg.filters.size option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.typePublished canvas.videoBg.filters.type option. | "saturation" | "gaussianBlur" | "motionBlur" | "radialBlur" | "sharpen" | "noise" | "grain" | "edgeDetection" | "emboss" | "invert" | "grayscale" | "sepia" | "pixelate" | "brightness" | "contrast" | "hueShift" | "posterize" | RequiredDefaultRequired | 17 values"saturation" "gaussianBlur" "motionBlur" "radialBlur" "sharpen" "noise" "grain" "edgeDetection" "emboss" "invert" "grayscale" "sepia" "pixelate" "brightness" "contrast" "hueShift" "posterize" | node22 · node24 · node26 |
canvas.videoBg.filters.valuePublished canvas.videoBg.filters.value option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.widthPublished canvas.videoBg.filters.width option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.xOptional pixelate region. Omit for the whole filtered surface. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.filters.yPublished canvas.videoBg.filters.y option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.fitResize policy when `inherit` is false. | FitMode | OptionalDefault— | "fill" "contain" "cover" | node22 · node24 · node26 |
canvas.videoBg.formatPublished canvas.videoBg.format option. | "jpg" | "png" | OptionalDefault— | "jpg" "png" | node22 · node24 · node26 |
canvas.videoBg.frame1-based frame number. Mutually exclusive with `time`. Defaults to frame 1 when neither selector is provided. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.inheritAdopt the source image dimensions as the canvas dimensions. | boolean | OptionalDefault— | false true | node22 · node24 · node26 |
canvas.videoBg.loopPublished canvas.videoBg.loop option.Deprecated | boolean | OptionalDefault— | false true | node22 · node24 · node26 |
canvas.videoBg.opacityBackground-image opacity, multiplied by the canvas-level opacity. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.qualityFFmpeg image quality value from 1 (best) through 31. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.videoBg.sourcePublished canvas.videoBg.source option. | string | Buffer<ArrayBufferLike> | RequiredDefaultRequired | — | node22 · node24 · node26 |
canvas.videoBg.timeTimestamp in seconds. Mutually exclusive with `frame`. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.widthPublished canvas.width option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.xPublished canvas.x option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.yPublished canvas.y option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.zoomPublished canvas.zoom option. | { scale?: number; centerX?: number; centerY?: number; } | OptionalDefault— | — | node22 · node24 · node26 |
canvas.zoom.centerXPublished canvas.zoom.centerX option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.zoom.centerYPublished canvas.zoom.centerY option. | number | OptionalDefault— | — | node22 · node24 · node26 |
canvas.zoom.scalePublished canvas.zoom.scale option. | number | OptionalDefault— | — | node22 · node24 · node26 |
| painterOpts | ||||
painterOpts.resolveAssetRefsWhen **true**, string leaves in the payload are resolved via {@link AssetManager.resolve } (same rules as {@link ApexPainter.prepareForRender } / {@link ApexPainter.renderScene }). | boolean | OptionalDefault— | false true | node22 · node24 · node26 |
canvas.bgLayers
OptionalPublished canvas.bgLayers option.
- Type
BackgroundLayer[]- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.blendMode
OptionalPublished canvas.bgLayers.blendMode option.
- Type
GlobalCompositeOperation- Default
- —
- Allowed
26 values
"color""color-burn""color-dodge""copy""darken""destination-atop""destination-in""destination-out""destination-over""difference""exclusion""hard-light""hue""lighten""lighter""luminosity""multiply""overlay""saturation""screen""soft-light""source-atop""source-in""source-out""source-over""xor"- Runtime
- node22, node24, node26
canvas.bgLayers.opacity
OptionalPublished canvas.bgLayers.opacity option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.type
RequiredPublished canvas.bgLayers.type option.
- Type
"color"- Default
- Required
- Allowed
"color"- Runtime
- node22, node24, node26
canvas.bgLayers.value
RequiredPublished canvas.bgLayers.value option.
- Type
string- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.align
OptionalPublished canvas.bgLayers.align option.
- Type
AlignMode- Default
- —
- Allowed
9 values
"center""top""bottom""left""right""top-left""top-right""bottom-left""bottom-right"- Runtime
- node22, node24, node26
canvas.bgLayers.fit
OptionalPublished canvas.bgLayers.fit option.
- Type
"fill" | "contain" | "cover"- Default
- —
- Allowed
"fill""contain""cover"- Runtime
- node22, node24, node26
canvas.bgLayers.source
RequiredPublished canvas.bgLayers.source option.
- Type
string- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.repeat
OptionalPublished canvas.bgLayers.repeat option.
- Type
BackgroundPatternRepeat- Default
- —
- Allowed
"repeat""no-repeat""repeat-x""repeat-y"- Runtime
- node22, node24, node26
canvas.bgLayers.pattern
RequiredPublished canvas.bgLayers.pattern option.
- Type
PatternOptions- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.blendMode option.
- Type
GlobalCompositeOperation- Default
- —
- Allowed
26 values
"color""color-burn""color-dodge""copy""darken""destination-atop""destination-in""destination-out""destination-over""difference""exclusion""hard-light""hue""lighten""lighter""luminosity""multiply""overlay""saturation""screen""soft-light""source-atop""source-in""source-out""source-over""xor"- Runtime
- node22, node24, node26
canvas.bgLayers.pattern.color
OptionalPublished canvas.bgLayers.pattern.color option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.customPatternImage option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.pattern.gradient
OptionalPublished canvas.bgLayers.pattern.gradient option.
- Type
GradientConfig- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.angle option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.centerX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.centerY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.colors option.
- Type
{ stop: number; color: string; }[]- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.colors.color option.
- Type
string- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.colors.stop option.
- Type
number- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.endRadius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.endX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.endY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.repeat option.
- Type
"repeat" | "reflect" | "no-repeat"- Default
- —
- Allowed
"repeat""reflect""no-repeat"- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.startAngle option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.startRadius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.startX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.startY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.gradient.type option.
- Type
"linear" | "radial" | "conic"- Default
- Required
- Allowed
"linear""radial""conic"- Runtime
- node22, node24, node26
canvas.bgLayers.pattern.offsetX
OptionalPublished canvas.bgLayers.pattern.offsetX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.pattern.offsetY
OptionalPublished canvas.bgLayers.pattern.offsetY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.pattern.opacity
OptionalPublished canvas.bgLayers.pattern.opacity option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.pattern.repeat
OptionalPublished canvas.bgLayers.pattern.repeat option.
- Type
"repeat" | "no-repeat" | "repeat-x" | "repeat-y"- Default
- —
- Allowed
"repeat""no-repeat""repeat-x""repeat-y"- Runtime
- node22, node24, node26
canvas.bgLayers.pattern.rotation
OptionalPublished canvas.bgLayers.pattern.rotation option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.pattern.scale
OptionalPublished canvas.bgLayers.pattern.scale option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.bgLayers.pattern.secondaryColor option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.pattern.size
OptionalPublished canvas.bgLayers.pattern.size option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.pattern.spacing
OptionalPublished canvas.bgLayers.pattern.spacing option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.bgLayers.pattern.type
RequiredPublished canvas.bgLayers.pattern.type option.
- Type
"grid" | "dots" | "diagonal" | "stripes" | "waves" | "crosses" | "hexagons" | "checkerboard" | "diamonds" | "triangles" | "stars" | "polka" | "custom"- Default
- Required
- Allowed
13 values
"grid""dots""diagonal""stripes""waves""crosses""hexagons""checkerboard""diamonds""triangles""stars""polka""custom"- Runtime
- node22, node24, node26
canvas.bgLayers.intensity
OptionalPublished canvas.bgLayers.intensity option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.blendMode
OptionalPublished canvas.blendMode option.
- Type
GlobalCompositeOperation- Default
- —
- Allowed
26 values
"color""color-burn""color-dodge""copy""darken""destination-atop""destination-in""destination-out""destination-over""difference""exclusion""hard-light""hue""lighten""lighter""luminosity""multiply""overlay""saturation""screen""soft-light""source-atop""source-in""source-out""source-over""xor"- Runtime
- node22, node24, node26
canvas.blur
OptionalPublished canvas.blur option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.borderPosition
OptionalPublished canvas.borderPosition option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.borderRadius
OptionalPublished canvas.borderRadius option.
- Type
number | "circular"- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.colorBg
OptionalPublished canvas.colorBg option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg
OptionalPublished canvas.customBg option.
- Type
CanvasCustomBackground- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.align
OptionalPlacement used by `contain` / `cover` when `inherit` is false.
- Type
AlignMode- Default
- —
- Allowed
9 values
"center""top""bottom""left""right""top-left""top-right""bottom-left""bottom-right"- Runtime
- node22, node24, node26
canvas.customBg.filters
OptionalImage filters applied to this background only.
- Type
ImageFilter[]- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.filters.angle
OptionalPublished canvas.customBg.filters.angle option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.filters.centerX
OptionalPublished canvas.customBg.filters.centerX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.filters.centerY
OptionalPublished canvas.customBg.filters.centerY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.filters.height
OptionalPublished canvas.customBg.filters.height option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.customBg.filters.intensity option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.filters.levels
OptionalPublished canvas.customBg.filters.levels option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.filters.radius
OptionalPublished canvas.customBg.filters.radius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.filters.size
OptionalPublished canvas.customBg.filters.size option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.filters.type
RequiredPublished canvas.customBg.filters.type option.
- Type
"saturation" | "gaussianBlur" | "motionBlur" | "radialBlur" | "sharpen" | "noise" | "grain" | "edgeDetection" | "emboss" | "invert" | "grayscale" | "sepia" | "pixelate" | "brightness" | "contrast" | "hueShift" | "posterize"- Default
- Required
- Allowed
17 values
"saturation""gaussianBlur""motionBlur""radialBlur""sharpen""noise""grain""edgeDetection""emboss""invert""grayscale""sepia""pixelate""brightness""contrast""hueShift""posterize"- Runtime
- node22, node24, node26
canvas.customBg.filters.value
OptionalPublished canvas.customBg.filters.value option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.filters.width
OptionalPublished canvas.customBg.filters.width option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.filters.x
OptionalOptional pixelate region. Omit for the whole filtered surface.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.filters.y
OptionalPublished canvas.customBg.filters.y option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.fit
OptionalResize policy when `inherit` is false.
- Type
FitMode- Default
- —
- Allowed
"fill""contain""cover"- Runtime
- node22, node24, node26
canvas.customBg.inherit
OptionalAdopt the source image dimensions as the canvas dimensions.
- Type
boolean- Default
- —
- Allowed
falsetrue- Runtime
- node22, node24, node26
canvas.customBg.opacity
OptionalBackground-image opacity, multiplied by the canvas-level opacity.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.customBg.source
RequiredPublished canvas.customBg.source option.
- Type
string- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg
OptionalPublished canvas.gradientBg option.
- Type
gradient- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.colors
RequiredPublished canvas.gradientBg.colors option.
- Type
GradientStop[]- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.colors.color
RequiredPublished canvas.gradientBg.colors.color option.
- Type
string- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.colors.stop
RequiredPublished canvas.gradientBg.colors.stop option.
- Type
number- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.endX
OptionalPublished canvas.gradientBg.endX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.endY
OptionalPublished canvas.gradientBg.endY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.pivotX
OptionalPublished canvas.gradientBg.pivotX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.pivotY
OptionalPublished canvas.gradientBg.pivotY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.repeat
OptionalPublished canvas.gradientBg.repeat option.
- Type
"repeat" | "reflect" | "no-repeat"- Default
- —
- Allowed
"repeat""reflect""no-repeat"- Runtime
- node22, node24, node26
canvas.gradientBg.rotate
OptionalPublished canvas.gradientBg.rotate option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.startX
OptionalPublished canvas.gradientBg.startX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.startY
OptionalPublished canvas.gradientBg.startY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.type
RequiredPublished canvas.gradientBg.type option.
- Type
"linear"- Default
- Required
- Allowed
"linear"- Runtime
- node22, node24, node26
canvas.gradientBg.endRadius
OptionalPublished canvas.gradientBg.endRadius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.startRadius
OptionalPublished canvas.gradientBg.startRadius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.centerX
OptionalPublished canvas.gradientBg.centerX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.centerY
OptionalPublished canvas.gradientBg.centerY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.gradientBg.startAngle
OptionalPublished canvas.gradientBg.startAngle option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.height
OptionalPublished canvas.height option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.noiseBg
OptionalPublished canvas.noiseBg option.
- Type
{ intensity?: number; }- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.noiseBg.intensity
OptionalPublished canvas.noiseBg.intensity option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.opacity
OptionalPublished canvas.opacity option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg
OptionalPublished canvas.patternBg option.
- Type
PatternOptions- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.blendMode
OptionalPublished canvas.patternBg.blendMode option.
- Type
GlobalCompositeOperation- Default
- —
- Allowed
26 values
"color""color-burn""color-dodge""copy""darken""destination-atop""destination-in""destination-out""destination-over""difference""exclusion""hard-light""hue""lighten""lighter""luminosity""multiply""overlay""saturation""screen""soft-light""source-atop""source-in""source-out""source-over""xor"- Runtime
- node22, node24, node26
canvas.patternBg.color
OptionalPublished canvas.patternBg.color option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.patternBg.customPatternImage option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.gradient
OptionalPublished canvas.patternBg.gradient option.
- Type
GradientConfig- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.gradient.angle
OptionalPublished canvas.patternBg.gradient.angle option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.patternBg.gradient.centerX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.patternBg.gradient.centerY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.gradient.colors
RequiredPublished canvas.patternBg.gradient.colors option.
- Type
{ stop: number; color: string; }[]- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.patternBg.gradient.colors.color option.
- Type
string- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.patternBg.gradient.colors.stop option.
- Type
number- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.patternBg.gradient.endRadius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.gradient.endX
OptionalPublished canvas.patternBg.gradient.endX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.gradient.endY
OptionalPublished canvas.patternBg.gradient.endY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.gradient.repeat
OptionalPublished canvas.patternBg.gradient.repeat option.
- Type
"repeat" | "reflect" | "no-repeat"- Default
- —
- Allowed
"repeat""reflect""no-repeat"- Runtime
- node22, node24, node26
Published canvas.patternBg.gradient.startAngle option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.patternBg.gradient.startRadius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.gradient.startX
OptionalPublished canvas.patternBg.gradient.startX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.gradient.startY
OptionalPublished canvas.patternBg.gradient.startY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.gradient.type
RequiredPublished canvas.patternBg.gradient.type option.
- Type
"linear" | "radial" | "conic"- Default
- Required
- Allowed
"linear""radial""conic"- Runtime
- node22, node24, node26
canvas.patternBg.offsetX
OptionalPublished canvas.patternBg.offsetX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.offsetY
OptionalPublished canvas.patternBg.offsetY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.opacity
OptionalPublished canvas.patternBg.opacity option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.repeat
OptionalPublished canvas.patternBg.repeat option.
- Type
"repeat" | "no-repeat" | "repeat-x" | "repeat-y"- Default
- —
- Allowed
"repeat""no-repeat""repeat-x""repeat-y"- Runtime
- node22, node24, node26
canvas.patternBg.rotation
OptionalPublished canvas.patternBg.rotation option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.scale
OptionalPublished canvas.patternBg.scale option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.secondaryColor
OptionalPublished canvas.patternBg.secondaryColor option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.size
OptionalPublished canvas.patternBg.size option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.spacing
OptionalPublished canvas.patternBg.spacing option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.patternBg.type
RequiredPublished canvas.patternBg.type option.
- Type
"grid" | "dots" | "diagonal" | "stripes" | "waves" | "crosses" | "hexagons" | "checkerboard" | "diamonds" | "triangles" | "stars" | "polka" | "custom"- Default
- Required
- Allowed
13 values
"grid""dots""diagonal""stripes""waves""crosses""hexagons""checkerboard""diamonds""triangles""stars""polka""custom"- Runtime
- node22, node24, node26
canvas.rotation
OptionalPublished canvas.rotation option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow
OptionalPublished canvas.shadow option.
- Type
ShadowOptions- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.blur
OptionalPublished canvas.shadow.blur option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.borderPosition
OptionalPublished canvas.shadow.borderPosition option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.borderRadius
OptionalPublished canvas.shadow.borderRadius option.
- Type
number | "circular"- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.color
OptionalPublished canvas.shadow.color option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient
OptionalPublished canvas.shadow.gradient option.
- Type
gradient- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient.colors
RequiredPublished canvas.shadow.gradient.colors option.
- Type
GradientStop[]- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.shadow.gradient.colors.color option.
- Type
string- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.shadow.gradient.colors.stop option.
- Type
number- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient.endX
OptionalPublished canvas.shadow.gradient.endX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient.endY
OptionalPublished canvas.shadow.gradient.endY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient.pivotX
OptionalPublished canvas.shadow.gradient.pivotX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient.pivotY
OptionalPublished canvas.shadow.gradient.pivotY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient.repeat
OptionalPublished canvas.shadow.gradient.repeat option.
- Type
"repeat" | "reflect" | "no-repeat"- Default
- —
- Allowed
"repeat""reflect""no-repeat"- Runtime
- node22, node24, node26
canvas.shadow.gradient.rotate
OptionalPublished canvas.shadow.gradient.rotate option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient.startX
OptionalPublished canvas.shadow.gradient.startX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient.startY
OptionalPublished canvas.shadow.gradient.startY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient.type
RequiredPublished canvas.shadow.gradient.type option.
- Type
"linear"- Default
- Required
- Allowed
"linear"- Runtime
- node22, node24, node26
canvas.shadow.gradient.endRadius
OptionalPublished canvas.shadow.gradient.endRadius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.shadow.gradient.startRadius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient.centerX
OptionalPublished canvas.shadow.gradient.centerX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.gradient.centerY
OptionalPublished canvas.shadow.gradient.centerY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.shadow.gradient.startAngle option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.offsetX
OptionalPublished canvas.shadow.offsetX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.offsetY
OptionalPublished canvas.shadow.offsetY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.opacity
OptionalPublished canvas.shadow.opacity option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.shadow.roundedCorners
OptionalPublished canvas.shadow.roundedCorners option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke
OptionalPublished canvas.stroke option.
- Type
StrokeOptions- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.blur
OptionalPublished canvas.stroke.blur option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.borderPosition
OptionalPublished canvas.stroke.borderPosition option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.borderRadius
OptionalPublished canvas.stroke.borderRadius option.
- Type
number | "circular"- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.color
OptionalPublished canvas.stroke.color option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient
OptionalPublished canvas.stroke.gradient option.
- Type
gradient- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient.colors
RequiredPublished canvas.stroke.gradient.colors option.
- Type
GradientStop[]- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.stroke.gradient.colors.color option.
- Type
string- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.stroke.gradient.colors.stop option.
- Type
number- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient.endX
OptionalPublished canvas.stroke.gradient.endX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient.endY
OptionalPublished canvas.stroke.gradient.endY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient.pivotX
OptionalPublished canvas.stroke.gradient.pivotX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient.pivotY
OptionalPublished canvas.stroke.gradient.pivotY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient.repeat
OptionalPublished canvas.stroke.gradient.repeat option.
- Type
"repeat" | "reflect" | "no-repeat"- Default
- —
- Allowed
"repeat""reflect""no-repeat"- Runtime
- node22, node24, node26
canvas.stroke.gradient.rotate
OptionalPublished canvas.stroke.gradient.rotate option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient.startX
OptionalPublished canvas.stroke.gradient.startX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient.startY
OptionalPublished canvas.stroke.gradient.startY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient.type
RequiredPublished canvas.stroke.gradient.type option.
- Type
"linear"- Default
- Required
- Allowed
"linear"- Runtime
- node22, node24, node26
canvas.stroke.gradient.endRadius
OptionalPublished canvas.stroke.gradient.endRadius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.stroke.gradient.startRadius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient.centerX
OptionalPublished canvas.stroke.gradient.centerX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.gradient.centerY
OptionalPublished canvas.stroke.gradient.centerY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
Published canvas.stroke.gradient.startAngle option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.opacity
OptionalPublished canvas.stroke.opacity option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.position
OptionalPublished canvas.stroke.position option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.roundedCorners
OptionalPublished canvas.stroke.roundedCorners option.
- Type
string- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.stroke.style
OptionalPublished canvas.stroke.style option.
- Type
"solid" | "dashed" | "dotted" | "groove" | "ridge" | "double"- Default
- —
- Allowed
6 values
"solid""dashed""dotted""groove""ridge""double"- Runtime
- node22, node24, node26
canvas.stroke.width
OptionalPublished canvas.stroke.width option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.transparentBase
OptionalPublished canvas.transparentBase option.
- Type
boolean- Default
- —
- Allowed
falsetrue- Runtime
- node22, node24, node26
canvas.videoBg
OptionalPublished canvas.videoBg option.
- Type
CanvasVideoBackground- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.align
OptionalPlacement used by `contain` / `cover` when `inherit` is false.
- Type
AlignMode- Default
- —
- Allowed
9 values
"center""top""bottom""left""right""top-left""top-right""bottom-left""bottom-right"- Runtime
- node22, node24, node26
canvas.videoBg.autoplay
OptionalPublished canvas.videoBg.autoplay option.
- Type
boolean- Default
- —
- Allowed
falsetrue- Runtime
- node22, node24, node26
canvas.videoBg.filters
OptionalImage filters applied to this background only.
- Type
ImageFilter[]- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.angle
OptionalPublished canvas.videoBg.filters.angle option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.centerX
OptionalPublished canvas.videoBg.filters.centerX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.centerY
OptionalPublished canvas.videoBg.filters.centerY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.height
OptionalPublished canvas.videoBg.filters.height option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.intensity
OptionalPublished canvas.videoBg.filters.intensity option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.levels
OptionalPublished canvas.videoBg.filters.levels option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.radius
OptionalPublished canvas.videoBg.filters.radius option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.size
OptionalPublished canvas.videoBg.filters.size option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.type
RequiredPublished canvas.videoBg.filters.type option.
- Type
"saturation" | "gaussianBlur" | "motionBlur" | "radialBlur" | "sharpen" | "noise" | "grain" | "edgeDetection" | "emboss" | "invert" | "grayscale" | "sepia" | "pixelate" | "brightness" | "contrast" | "hueShift" | "posterize"- Default
- Required
- Allowed
17 values
"saturation""gaussianBlur""motionBlur""radialBlur""sharpen""noise""grain""edgeDetection""emboss""invert""grayscale""sepia""pixelate""brightness""contrast""hueShift""posterize"- Runtime
- node22, node24, node26
canvas.videoBg.filters.value
OptionalPublished canvas.videoBg.filters.value option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.width
OptionalPublished canvas.videoBg.filters.width option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.x
OptionalOptional pixelate region. Omit for the whole filtered surface.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.filters.y
OptionalPublished canvas.videoBg.filters.y option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.fit
OptionalResize policy when `inherit` is false.
- Type
FitMode- Default
- —
- Allowed
"fill""contain""cover"- Runtime
- node22, node24, node26
canvas.videoBg.format
OptionalPublished canvas.videoBg.format option.
- Type
"jpg" | "png"- Default
- —
- Allowed
"jpg""png"- Runtime
- node22, node24, node26
canvas.videoBg.frame
Optional1-based frame number. Mutually exclusive with `time`. Defaults to frame 1 when neither selector is provided.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.inherit
OptionalAdopt the source image dimensions as the canvas dimensions.
- Type
boolean- Default
- —
- Allowed
falsetrue- Runtime
- node22, node24, node26
canvas.videoBg.loop
OptionalPublished canvas.videoBg.loop option.
- Type
boolean- Default
- —
- Allowed
falsetrue- Runtime
- node22, node24, node26
canvas.videoBg.opacity
OptionalBackground-image opacity, multiplied by the canvas-level opacity.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.quality
OptionalFFmpeg image quality value from 1 (best) through 31.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.source
RequiredPublished canvas.videoBg.source option.
- Type
string | Buffer<ArrayBufferLike>- Default
- Required
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.videoBg.time
OptionalTimestamp in seconds. Mutually exclusive with `frame`.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.width
OptionalPublished canvas.width option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.x
OptionalPublished canvas.x option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.y
OptionalPublished canvas.y option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.zoom
OptionalPublished canvas.zoom option.
- Type
{ scale?: number; centerX?: number; centerY?: number; }- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.zoom.centerX
OptionalPublished canvas.zoom.centerX option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.zoom.centerY
OptionalPublished canvas.zoom.centerY option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
canvas.zoom.scale
OptionalPublished canvas.zoom.scale option.
- Type
number- Default
- —
- Allowed
- —
- Runtime
- node22, node24, node26
painterOpts.resolveAssetRefs
OptionalWhen **true**, string leaves in the payload are resolved via {@link AssetManager.resolve } (same rules as {@link ApexPainter.prepareForRender } / {@link ApexPainter.renderScene }).
- Type
boolean- Default
- —
- Allowed
falsetrue- Runtime
- node22, node24, node26
Types
CanvasConfig: CanvasConfig
- width?
number - height?
number - x?
number - y?
number - customBg?
CanvasCustomBackground: CanvasCustomBackground- source
string - inherit?
boolean - fit?
FitMode- variant 1
"fill" - variant 2
"contain" - variant 3
"cover"
- variant 1
- align?
AlignMode- variant 1
"center" - variant 2
"top" - variant 3
"bottom" - variant 4
"left" - variant 5
"right" - variant 6
"top-left" - variant 7
"top-right" - variant 8
"bottom-left" - variant 9
"bottom-right"
- variant 1
- filters?
ImageFilter[]- variant 1
ImageFilter: ImageFilter- type
"saturation" | "gaussianBlur" | "motionBlur" | "radialBlur" | "sharpen" | "noise" | "grain" | "edgeDetection" | "emboss" | "invert" | "grayscale" | "sepia" | "pixelate" | "brightness" | "contrast" | "hueShift" | "posterize"- variant 1
"saturation" - variant 2
"gaussianBlur" - variant 3
"motionBlur" - variant 4
"radialBlur" - variant 5
"sharpen" - variant 6
"noise" - variant 7
"grain" - variant 8
"edgeDetection" - variant 9
"emboss" - variant 10
"invert" - variant 11
"grayscale" - variant 12
"sepia" - variant 13
"pixelate" - variant 14
"brightness" - variant 15
"contrast" - variant 16
"hueShift" - variant 17
"posterize"
- variant 1
- intensity?
number - radius?
number - angle?
number - centerX?
number - centerY?
number - value?
number - levels?
number - size?
number - x?
number - y?
number - width?
number - height?
number
- type
- variant 1
- opacity?
number
- source
- videoBg?
CanvasVideoBackground: CanvasVideoBackground- source
string | Buffer<ArrayBufferLike>- variant 1
string - variant 2
Buffer<ArrayBufferLike>
- variant 1
- frame?
number - time?
number - format?
"jpg" | "png"- variant 1
"jpg" - variant 2
"png"
- variant 1
- quality?
number - loop?
boolean - autoplay?
boolean - inherit?
boolean - fit?
FitMode- variant 1
"fill" - variant 2
"contain" - variant 3
"cover"
- variant 1
- align?
AlignMode- variant 1
"center" - variant 2
"top" - variant 3
"bottom" - variant 4
"left" - variant 5
"right" - variant 6
"top-left" - variant 7
"top-right" - variant 8
"bottom-left" - variant 9
"bottom-right"
- variant 1
- filters?
ImageFilter[]- variant 1
ImageFilter: ImageFilter- type
"saturation" | "gaussianBlur" | "motionBlur" | "radialBlur" | "sharpen" | "noise" | "grain" | "edgeDetection" | "emboss" | "invert" | "grayscale" | "sepia" | "pixelate" | "brightness" | "contrast" | "hueShift" | "posterize"- variant 1
"saturation" - variant 2
"gaussianBlur" - variant 3
"motionBlur" - variant 4
"radialBlur" - variant 5
"sharpen" - variant 6
"noise" - variant 7
"grain" - variant 8
"edgeDetection" - variant 9
"emboss" - variant 10
"invert" - variant 11
"grayscale" - variant 12
"sepia" - variant 13
"pixelate" - variant 14
"brightness" - variant 15
"contrast" - variant 16
"hueShift" - variant 17
"posterize"
- variant 1
- intensity?
number - radius?
number - angle?
number - centerX?
number - centerY?
number - value?
number - levels?
number - size?
number - x?
number - y?
number - width?
number - height?
number
- type
- variant 1
- opacity?
number
- source
- colorBg?
string - gradientBg?
gradient- variant 1
__type: { type: "linear"; startX?: number; startY?: number; endX?: number; endY?: number; rotate?: number; pivotX?: number; pivotY?: number; repeat?: "repeat" | "reflect" | "no-repeat"; colors: GradientStop[]; }- type
"linear" - startX?
number - startY?
number - endX?
number - endY?
number - rotate?
number - pivotX?
number - pivotY?
number - repeat?
"repeat" | "reflect" | "no-repeat"- variant 1
"repeat" - variant 2
"reflect" - variant 3
"no-repeat"
- variant 1
- colors
GradientStop[]- variant 1
GradientStop: GradientStop- stop
number - color
string
- stop
- variant 1
- type
- variant 2
__type: { type: "radial"; startX?: number; startY?: number; startRadius?: number; endX?: number; endY?: number; endRadius?: number; rotate?: number; pivotX?: number; pivotY?: number; repeat?: "repeat" | "reflect" | "no-repeat"; colors: GradientStop[]; }- type
"radial" - startX?
number - startY?
number - startRadius?
number - endX?
number - endY?
number - endRadius?
number - rotate?
number - pivotX?
number - pivotY?
number - repeat?
"repeat" | "reflect" | "no-repeat"- variant 1
"repeat" - variant 2
"reflect" - variant 3
"no-repeat"
- variant 1
- colors
GradientStop[]- variant 1
GradientStop: GradientStop- stop
number - color
string
- stop
- variant 1
- type
- variant 3
__type: { type: "conic"; centerX?: number; centerY?: number; startAngle?: number; rotate?: number; pivotX?: number; pivotY?: number; colors: GradientStop[]; }- type
"conic" - centerX?
number - centerY?
number - startAngle?
number - rotate?
number - pivotX?
number - pivotY?
number - colors
GradientStop[]- variant 1
GradientStop: GradientStop- stop
number - color
string
- stop
- variant 1
- type
- variant 1
- patternBg?
PatternOptions: PatternOptions- type
"grid" | "dots" | "diagonal" | "stripes" | "waves" | "crosses" | "hexagons" | "checkerboard" | "diamonds" | "triangles" | "stars" | "polka" | "custom"- variant 1
"grid" - variant 2
"dots" - variant 3
"diagonal" - variant 4
"stripes" - variant 5
"waves" - variant 6
"crosses" - variant 7
"hexagons" - variant 8
"checkerboard" - variant 9
"diamonds" - variant 10
"triangles" - variant 11
"stars" - variant 12
"polka" - variant 13
"custom"
- variant 1
- color?
string - secondaryColor?
string - opacity?
number - size?
number - spacing?
number - rotation?
number - customPatternImage?
string - repeat?
"repeat" | "no-repeat" | "repeat-x" | "repeat-y"- variant 1
"repeat" - variant 2
"no-repeat" - variant 3
"repeat-x" - variant 4
"repeat-y"
- variant 1
- scale?
number - offsetX?
number - offsetY?
number - blendMode?
GlobalCompositeOperation- variant 1
"color" - variant 2
"color-burn" - variant 3
"color-dodge" - variant 4
"copy" - variant 5
"darken" - variant 6
"destination-atop" - variant 7
"destination-in" - variant 8
"destination-out" - variant 9
"destination-over" - variant 10
"difference" - variant 11
"exclusion" - variant 12
"hard-light" - variant 13
"hue" - variant 14
"lighten" - variant 15
"lighter" - variant 16
"luminosity" - variant 17
"multiply" - variant 18
"overlay" - variant 19
"saturation" - variant 20
"screen" - variant 21
"soft-light" - variant 22
"source-atop" - variant 23
"source-in" - variant 24
"source-out" - variant 25
"source-over" - variant 26
"xor"
- variant 1
- gradient?
GradientConfig: GradientConfig- type
"linear" | "radial" | "conic"- variant 1
"linear" - variant 2
"radial" - variant 3
"conic"
- variant 1
- startX?
number - startY?
number - endX?
number - endY?
number - startRadius?
number - endRadius?
number - angle?
number - centerX?
number - centerY?
number - startAngle?
number - repeat?
"repeat" | "reflect" | "no-repeat"- variant 1
"repeat" - variant 2
"reflect" - variant 3
"no-repeat"
- variant 1
- colors
{ stop: number; color: string; }[]- variant 1
__type: { stop: number; color: string; }- stop
number - color
string
- stop
- variant 1
- type
- type
- noiseBg?
__type: { intensity?: number; }- intensity?
number
- intensity?
- transparentBase?
boolean - bgLayers?
BackgroundLayer[]- variant 1
BackgroundLayer- variant 1
__type: { type: "color"; value: string; opacity?: number; blendMode?: GlobalCompositeOperation; }- type
"color" - value
string - opacity?
number - blendMode?
GlobalCompositeOperation- variant 1
"color" - variant 2
"color-burn" - variant 3
"color-dodge" - variant 4
"copy" - variant 5
"darken" - variant 6
"destination-atop" - variant 7
"destination-in" - variant 8
"destination-out" - variant 9
"destination-over" - variant 10
"difference" - variant 11
"exclusion" - variant 12
"hard-light" - variant 13
"hue" - variant 14
"lighten" - variant 15
"lighter" - variant 16
"luminosity" - variant 17
"multiply" - variant 18
"overlay" - variant 19
"saturation" - variant 20
"screen" - variant 21
"soft-light" - variant 22
"source-atop" - variant 23
"source-in" - variant 24
"source-out" - variant 25
"source-over" - variant 26
"xor"
- variant 1
- type
- variant 2
__type: { type: "gradient"; value: gradient; opacity?: number; blendMode?: GlobalCompositeOperation; }- type
"gradient" - value
gradient- variant 1
{ type: "linear"; startX?: number; startY?: number; endX?: number; endY?: number; rotate?: number; pivotX?: number; pivotY?: number; repeat?: "repeat" | "reflect" | "no-repeat"; colors: GradientStop[]; } - variant 2
{ type: "radial"; startX?: number; startY?: number; startRadius?: number; endX?: number; endY?: number; endRadius?: number; rotate?: number; pivotX?: number; pivotY?: number; repeat?: "repeat" | "reflect" | "no-repeat"; colors: GradientStop[]; } - variant 3
{ type: "conic"; centerX?: number; centerY?: number; startAngle?: number; rotate?: number; pivotX?: number; pivotY?: number; colors: GradientStop[]; }
- variant 1
- opacity?
number - blendMode?
GlobalCompositeOperation- variant 1
"color" - variant 2
"color-burn" - variant 3
"color-dodge" - variant 4
"copy" - variant 5
"darken" - variant 6
"destination-atop" - variant 7
"destination-in" - variant 8
"destination-out" - variant 9
"destination-over" - variant 10
"difference" - variant 11
"exclusion" - variant 12
"hard-light" - variant 13
"hue" - variant 14
"lighten" - variant 15
"lighter" - variant 16
"luminosity" - variant 17
"multiply" - variant 18
"overlay" - variant 19
"saturation" - variant 20
"screen" - variant 21
"soft-light" - variant 22
"source-atop" - variant 23
"source-in" - variant 24
"source-out" - variant 25
"source-over" - variant 26
"xor"
- variant 1
- type
- variant 3
__type: { type: "image"; source: string; opacity?: number; fit?: "fill" | "contain" | "cover"; align?: AlignMode; blendMode?: GlobalCompositeOperation; }- type
"image" - source
string - opacity?
number - fit?
"fill" | "contain" | "cover"- variant 1
"fill" - variant 2
"contain" - variant 3
"cover"
- variant 1
- align?
AlignMode- variant 1
"center" - variant 2
"top" - variant 3
"bottom" - variant 4
"left" - variant 5
"right" - variant 6
"top-left" - variant 7
"top-right" - variant 8
"bottom-left" - variant 9
"bottom-right"
- variant 1
- blendMode?
GlobalCompositeOperation- variant 1
"color" - variant 2
"color-burn" - variant 3
"color-dodge" - variant 4
"copy" - variant 5
"darken" - variant 6
"destination-atop" - variant 7
"destination-in" - variant 8
"destination-out" - variant 9
"destination-over" - variant 10
"difference" - variant 11
"exclusion" - variant 12
"hard-light" - variant 13
"hue" - variant 14
"lighten" - variant 15
"lighter" - variant 16
"luminosity" - variant 17
"multiply" - variant 18
"overlay" - variant 19
"saturation" - variant 20
"screen" - variant 21
"soft-light" - variant 22
"source-atop" - variant 23
"source-in" - variant 24
"source-out" - variant 25
"source-over" - variant 26
"xor"
- variant 1
- type
- variant 4
__type: { type: "pattern"; source: string; repeat?: BackgroundPatternRepeat; opacity?: number; blendMode?: GlobalCompositeOperation; }- type
"pattern" - source
string - repeat?
BackgroundPatternRepeat- variant 1
"repeat" - variant 2
"no-repeat" - variant 3
"repeat-x" - variant 4
"repeat-y"
- variant 1
- opacity?
number - blendMode?
GlobalCompositeOperation- variant 1
"color" - variant 2
"color-burn" - variant 3
"color-dodge" - variant 4
"copy" - variant 5
"darken" - variant 6
"destination-atop" - variant 7
"destination-in" - variant 8
"destination-out" - variant 9
"destination-over" - variant 10
"difference" - variant 11
"exclusion" - variant 12
"hard-light" - variant 13
"hue" - variant 14
"lighten" - variant 15
"lighter" - variant 16
"luminosity" - variant 17
"multiply" - variant 18
"overlay" - variant 19
"saturation" - variant 20
"screen" - variant 21
"soft-light" - variant 22
"source-atop" - variant 23
"source-in" - variant 24
"source-out" - variant 25
"source-over" - variant 26
"xor"
- variant 1
- type
- variant 5
__type: { type: "presetPattern"; pattern: PatternOptions; opacity?: number; blendMode?: GlobalCompositeOperation; }- type
"presetPattern" - pattern
PatternOptions: PatternOptions- type
"grid" | "dots" | "diagonal" | "stripes" | "waves" | "crosses" | "hexagons" | "checkerboard" | "diamonds" | "triangles" | "stars" | "polka" | "custom" - color?
string - secondaryColor?
string - opacity?
number - size?
number - spacing?
number - rotation?
number - customPatternImage?
string - repeat?
"repeat" | "no-repeat" | "repeat-x" | "repeat-y" - scale?
number - offsetX?
number - offsetY?
number - blendMode?
GlobalCompositeOperation - gradient?
GradientConfig
- type
- opacity?
number - blendMode?
GlobalCompositeOperation- variant 1
"color" - variant 2
"color-burn" - variant 3
"color-dodge" - variant 4
"copy" - variant 5
"darken" - variant 6
"destination-atop" - variant 7
"destination-in" - variant 8
"destination-out" - variant 9
"destination-over" - variant 10
"difference" - variant 11
"exclusion" - variant 12
"hard-light" - variant 13
"hue" - variant 14
"lighten" - variant 15
"lighter" - variant 16
"luminosity" - variant 17
"multiply" - variant 18
"overlay" - variant 19
"saturation" - variant 20
"screen" - variant 21
"soft-light" - variant 22
"source-atop" - variant 23
"source-in" - variant 24
"source-out" - variant 25
"source-over" - variant 26
"xor"
- variant 1
- type
- variant 6
__type: { type: "noise"; intensity?: number; blendMode?: GlobalCompositeOperation; }- type
"noise" - intensity?
number - blendMode?
GlobalCompositeOperation- variant 1
"color" - variant 2
"color-burn" - variant 3
"color-dodge" - variant 4
"copy" - variant 5
"darken" - variant 6
"destination-atop" - variant 7
"destination-in" - variant 8
"destination-out" - variant 9
"destination-over" - variant 10
"difference" - variant 11
"exclusion" - variant 12
"hard-light" - variant 13
"hue" - variant 14
"lighten" - variant 15
"lighter" - variant 16
"luminosity" - variant 17
"multiply" - variant 18
"overlay" - variant 19
"saturation" - variant 20
"screen" - variant 21
"soft-light" - variant 22
"source-atop" - variant 23
"source-in" - variant 24
"source-out" - variant 25
"source-over" - variant 26
"xor"
- variant 1
- type
- variant 1
- variant 1
- blendMode?
GlobalCompositeOperation- variant 1
"color" - variant 2
"color-burn" - variant 3
"color-dodge" - variant 4
"copy" - variant 5
"darken" - variant 6
"destination-atop" - variant 7
"destination-in" - variant 8
"destination-out" - variant 9
"destination-over" - variant 10
"difference" - variant 11
"exclusion" - variant 12
"hard-light" - variant 13
"hue" - variant 14
"lighten" - variant 15
"lighter" - variant 16
"luminosity" - variant 17
"multiply" - variant 18
"overlay" - variant 19
"saturation" - variant 20
"screen" - variant 21
"soft-light" - variant 22
"source-atop" - variant 23
"source-in" - variant 24
"source-out" - variant 25
"source-over" - variant 26
"xor"
- variant 1
- opacity?
number - blur?
number - rotation?
number - borderRadius?
number | "circular"- variant 1
number - variant 2
"circular"
- variant 1
- borderPosition?
string - zoom?
__type: { scale?: number; centerX?: number; centerY?: number; }- scale?
number - centerX?
number - centerY?
number
- scale?
- stroke?
StrokeOptions: StrokeOptions- color?
string - gradient?
gradient- variant 1
__type: { type: "linear"; startX?: number; startY?: number; endX?: number; endY?: number; rotate?: number; pivotX?: number; pivotY?: number; repeat?: "repeat" | "reflect" | "no-repeat"; colors: GradientStop[]; }- type
"linear" - startX?
number - startY?
number - endX?
number - endY?
number - rotate?
number - pivotX?
number - pivotY?
number - repeat?
"repeat" | "reflect" | "no-repeat"- variant 1
"repeat" - variant 2
"reflect" - variant 3
"no-repeat"
- variant 1
- colors
GradientStop[]- variant 1
GradientStop
- variant 1
- type
- variant 2
__type: { type: "radial"; startX?: number; startY?: number; startRadius?: number; endX?: number; endY?: number; endRadius?: number; rotate?: number; pivotX?: number; pivotY?: number; repeat?: "repeat" | "reflect" | "no-repeat"; colors: GradientStop[]; }- type
"radial" - startX?
number - startY?
number - startRadius?
number - endX?
number - endY?
number - endRadius?
number - rotate?
number - pivotX?
number - pivotY?
number - repeat?
"repeat" | "reflect" | "no-repeat"- variant 1
"repeat" - variant 2
"reflect" - variant 3
"no-repeat"
- variant 1
- colors
GradientStop[]- variant 1
GradientStop
- variant 1
- type
- variant 3
__type: { type: "conic"; centerX?: number; centerY?: number; startAngle?: number; rotate?: number; pivotX?: number; pivotY?: number; colors: GradientStop[]; }- type
"conic" - centerX?
number - centerY?
number - startAngle?
number - rotate?
number - pivotX?
number - pivotY?
number - colors
GradientStop[]- variant 1
GradientStop
- variant 1
- type
- variant 1
- width?
number - position?
number - blur?
number - opacity?
number - borderRadius?
number | "circular"- variant 1
number - variant 2
"circular"
- variant 1
- borderPosition?
string - roundedCorners?
string - style?
"solid" | "dashed" | "dotted" | "groove" | "ridge" | "double"- variant 1
"solid" - variant 2
"dashed" - variant 3
"dotted" - variant 4
"groove" - variant 5
"ridge" - variant 6
"double"
- variant 1
- color?
- shadow?
ShadowOptions: ShadowOptions- color?
string - gradient?
gradient- variant 1
__type: { type: "linear"; startX?: number; startY?: number; endX?: number; endY?: number; rotate?: number; pivotX?: number; pivotY?: number; repeat?: "repeat" | "reflect" | "no-repeat"; colors: GradientStop[]; }- type
"linear" - startX?
number - startY?
number - endX?
number - endY?
number - rotate?
number - pivotX?
number - pivotY?
number - repeat?
"repeat" | "reflect" | "no-repeat"- variant 1
"repeat" - variant 2
"reflect" - variant 3
"no-repeat"
- variant 1
- colors
GradientStop[]- variant 1
GradientStop
- variant 1
- type
- variant 2
__type: { type: "radial"; startX?: number; startY?: number; startRadius?: number; endX?: number; endY?: number; endRadius?: number; rotate?: number; pivotX?: number; pivotY?: number; repeat?: "repeat" | "reflect" | "no-repeat"; colors: GradientStop[]; }- type
"radial" - startX?
number - startY?
number - startRadius?
number - endX?
number - endY?
number - endRadius?
number - rotate?
number - pivotX?
number - pivotY?
number - repeat?
"repeat" | "reflect" | "no-repeat"- variant 1
"repeat" - variant 2
"reflect" - variant 3
"no-repeat"
- variant 1
- colors
GradientStop[]- variant 1
GradientStop
- variant 1
- type
- variant 3
__type: { type: "conic"; centerX?: number; centerY?: number; startAngle?: number; rotate?: number; pivotX?: number; pivotY?: number; colors: GradientStop[]; }- type
"conic" - centerX?
number - centerY?
number - startAngle?
number - rotate?
number - pivotX?
number - pivotY?
number - colors
GradientStop[]- variant 1
GradientStop
- variant 1
- type
- variant 1
- offsetX?
number - offsetY?
number - blur?
number - opacity?
number - borderRadius?
number | "circular"- variant 1
number - variant 2
"circular"
- variant 1
- roundedCorners?
string - borderPosition?
string
- color?
PainterAssetRefsOptions: PainterAssetRefsOptions
- resolveAssetRefs?
boolean
Return value
Promise<CanvasResults>
The return contract is generated from the packed declaration. Async wrappers and nullable/undefined variants remain visible in the type model.
Errors
NOT APPLICABLE — no verified errors are bound to this API.
Limits
NOT APPLICABLE — no API-specific verified limits are bound to this API.
Related APIs
No explicit related API metadata.