Interface: BackgroundProps
Reusable optional data/path fields. Use DataOrPathRequiredProps for APIs that require at least one source.
Extends
Properties
color?
optionalcolor?:string
Fill color
HexColororThemeColor
Examples
ts
'FF0000' // hex color (red)ts
SchemeColor.text1 // Theme color (Text1)Inherited from
data?
optionaldata?:string
base64-encoded string
- Useful for avoiding potential path/server issues
Example
ts
'image/png;base64,iVtDafDrBF[...]=' // pre-encoded image in base-64Inherited from
gradient?
optionalgradient?:GradientFillProps
Native PPTX gradient fill options. Setting this (or type: 'gradient') paints the shape interior with a gradient instead of a color.
Inherited from
image?
optionalimage?:ImageFillProps
Native PPTX picture fill options. Setting this (or type: 'image') fills the shape interior with a stretched bitmap instead of a color.
Inherited from
path?
optionalpath?:string
URL or relative path
Example
ts
'https://onedrives.com/myimg.png` // retrieve image via URL
@example '/home/user/images/myimg.png` // retrieve image via local pathInherited from
pattern?
optionalpattern?:PatternFillProps
Native PPTX pattern fill options. Setting this (or type: 'pattern') paints the shape interior with a two-color preset pattern instead of a color.
Inherited from
transparency?
optionaltransparency?:number
Transparency (percent)
- MS-PPT > Format Shape > Fill & Line > Fill > Transparency
- range: 0-100
Default
ts
0Inherited from
type?
optionaltype?:"none"|"inherit"|"image"|"pattern"|"solid"|"gradient"
Fill type
'none' and 'inherit' are different states, and both have to be spelled out because omitting fill is not one of them: the shape/text-box emitter defaults a missing fill to <a:noFill/>.
'none'emits<a:noFill/>, an explicit transparent interior.'inherit'emits no fill child at all, leaving the interior top:style/a:fillRefor the placeholder. This is the only way to author that state fromaddShape/addText.
On a table cell (TableCellProps.fill) and a slide background the two spellings differ the same way, except that omitting the option there already means inherit, so 'inherit' is merely the explicit form of the default.
Omitting type is not the same as omitting the fill. Setting gradient, pattern or image selects that kind on its own: the sub-object is the statement, and type is how you say something the sub-objects cannot. Where both are given and they disagree, the explicit type wins and the sub-object is ignored, because that is the only rule under which { type: 'none', gradient } can still mean transparent.
Default
ts
'solid'