Class SVGResource

Resource type for SVG elements and graphics.

Memberof

PIXI

Hierarchy (View Summary)

BaseImageResource
- SVGResource

Index

Constructors

constructor

new SVGResource(
sourceBase64: string,
options?: ISVGResourceOptions,
): SVGResource
Parameters
- sourceBase64: string
  Base64 encoded SVG element or URL for SVG file.
- Optionaloptions: ISVGResourceOptions
  Options to use
  - OptionalautoLoad?: boolean
  - Optionalcrossorigin?: string | boolean
  - Optionalheight?: number
  - Optionalscale?: number
  - Optionalsource?: string
  - Optionalwidth?: number
Returns SVGResource
Overrides BaseImageResource.constructor
- Defined in node_modules/@pixi/core/lib/textures/resources/SVGResource.d.ts:38

Properties

`Protected`_height

_height: number

Internal height of the resource.

`Readonly`_overrideHeight

_overrideHeight: number

A height override for rasterization on load.

`Readonly`_overrideWidth

_overrideWidth: number

A width override for rasterization on load.

`Protected`_width

_width: number

Internal width of the resource.

`Readonly`destroyed

destroyed: boolean

If resource has been destroyed.

Default

false

internal

internal: boolean

true if resource is created by BaseTexture useful for doing cleanup with BaseTexture destroy and not cleaning up resources that were created externally.

`Readonly`scale

scale: number

The source scale to apply when rasterizing on load.

`Readonly`source

source: ImageSource

The source element.

Member

src

src: string

The url of the resource

`Readonly`svg

svg: string

Base64 encoded SVG element or URL for SVG file.

`Static` `Readonly`SVG_SIZE

SVG_SIZE: RegExp

Regular expression for SVG size.

Example

&lt;svg width="100" height="100"&gt;&lt;/svg&gt;
@readonly

`Static` `Readonly`SVG_XML

SVG_XML: RegExp

Regular expression for SVG XML document.

Example

&lt;?xml version="1.0" encoding="utf-8" ?&gt;&lt;!-- image/svg --&gt;&lt;svg
@readonly

Accessors

height

get height(): number
The height of the resource.

Returns number
Inherited from BaseImageResource.height
- Defined in node_modules/@pixi/core/lib/textures/resources/Resource.d.ts:95

valid

get valid(): boolean
Has been validated

Returns boolean
Inherited from BaseImageResource.valid
- Defined in node_modules/@pixi/core/lib/textures/resources/Resource.d.ts:76

width

get width(): number
The width of the resource.

Returns number
Inherited from BaseImageResource.width
- Defined in node_modules/@pixi/core/lib/textures/resources/Resource.d.ts:90

Methods

bind

bind(baseTexture: BaseTexture): void
Bind to a parent BaseTexture
Parameters
- baseTexture: BaseTexture
  Parent texture
Returns void
Inherited from BaseImageResource.bind
- Defined in node_modules/@pixi/core/lib/textures/resources/Resource.d.ts:60

destroy

destroy(): void
Call when destroying resource, unbind any BaseTexture object before calling this method, as reference counts are maintained internally.

Returns void
Inherited from BaseImageResource.destroy
- Defined in node_modules/@pixi/core/lib/textures/resources/Resource.d.ts:119

dispose

dispose(): void
Destroys this texture.

Returns void
Overrides BaseImageResource.dispose
- Defined in node_modules/@pixi/core/lib/textures/resources/SVGResource.d.ts:49

`Protected`load

load(): Promise<SVGResource>
Protected
This can be overridden to start preloading a resource or do any other prepare step.

Returns Promise<SVGResource>
Handle the validate event
Overrides BaseImageResource.load
- Defined in node_modules/@pixi/core/lib/textures/resources/SVGResource.d.ts:39

resize

resize(width: number, height: number): void
Trigger a resize event
Parameters
- width: number
  X dimension
- height: number
  Y dimension
Returns void
Inherited from BaseImageResource.resize
- Defined in node_modules/@pixi/core/lib/textures/resources/Resource.d.ts:71

style

style(
    _renderer: Renderer,
    _baseTexture: BaseTexture,
    _glTexture: GLTexture,
): boolean
Set the style, optional to override
Parameters
- _renderer: Renderer
  yeah, renderer!
- _baseTexture: BaseTexture
  the texture
- _glTexture: GLTexture
  texture instance for this webgl context
Returns boolean
- true is success
Inherited from BaseImageResource.style
- Defined in node_modules/@pixi/core/lib/textures/resources/Resource.d.ts:111

unbind

unbind(baseTexture: BaseTexture): void
Unbind to a parent BaseTexture
Parameters
- baseTexture: BaseTexture
  Parent texture
Returns void
Inherited from BaseImageResource.unbind
- Defined in node_modules/@pixi/core/lib/textures/resources/Resource.d.ts:65

update

update(): void
Checks if source width/height was changed, resize can cause extra baseTexture update. Triggers one update in any case.

Returns void
Inherited from BaseImageResource.update
- Defined in node_modules/@pixi/core/lib/textures/resources/BaseImageResource.d.ts:47

upload

upload(
    renderer: Renderer,
    baseTexture: BaseTexture,
    glTexture: GLTexture,
    source?: ImageSource,
): boolean
Upload the texture to the GPU.
Parameters
- renderer: Renderer
  Upload to the renderer
- baseTexture: BaseTexture
  Reference to parent texture
- glTexture: GLTexture
- Optionalsource: ImageSource
  (optional)
Returns boolean
- true is success
Inherited from BaseImageResource.upload
- Defined in node_modules/@pixi/core/lib/textures/resources/BaseImageResource.d.ts:42

`Static`crossOrigin

crossOrigin(
    element: HTMLImageElement | HTMLVideoElement,
    url: string,
    crossorigin?: string | boolean,
): void
Set cross origin based detecting the url and the crossorigin
Parameters
- element: HTMLImageElement | HTMLVideoElement
  Element to apply crossOrigin
- url: string
  URL to check
- Optionalcrossorigin: string | boolean
  Cross origin value to use
Returns void
Inherited from BaseImageResource.crossOrigin
- Defined in node_modules/@pixi/core/lib/textures/resources/BaseImageResource.d.ts:33

`Static`getSize

getSize(svgString?: string): ISize
Get size from an svg string using a regular expression.
Parameters
- OptionalsvgString: string
  a serialized svg element
Returns ISize
- image extension
- Defined in node_modules/@pixi/core/lib/textures/resources/SVGResource.d.ts:47

`Static`test

test(source: unknown, extension?: string): boolean
Used to auto-detect the type of resource.
Parameters
- source: unknown
  The source object
- Optionalextension: string
  The extension of source, if set
Returns boolean
- If the source is a SVG source or data file
Overrides BaseImageResource.test
- Defined in node_modules/@pixi/core/lib/textures/resources/SVGResource.d.ts:56

Class SVGResource

Memberof

Hierarchy (View Summary)

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

OptionalautoLoad?: boolean

Optionalcrossorigin?: string | boolean

Optionalheight?: number

Optionalscale?: number

Optionalsource?: string

Optionalwidth?: number

Returns SVGResource

Properties

Protected_height

Readonly_overrideHeight

Readonly_overrideWidth

Protected_width

Readonlydestroyed

Default

internal

Readonlyscale

Readonlysource

Member

src

Readonlysvg

Static ReadonlySVG_SIZE

Example

Static ReadonlySVG_XML

Example

Accessors

height

Returns number

valid

Returns boolean

width

Returns number

Methods

bind

Parameters

Returns void

destroy

Returns void

dispose

Returns void

Protectedload

Returns Promise<SVGResource>

resize

Parameters

Returns void

style

Parameters

Returns boolean

unbind

Parameters

Returns void

update

Returns void

upload

Parameters

Returns boolean

StaticcrossOrigin

Parameters

Returns void

StaticgetSize

Parameters

Returns ISize

Statictest

Parameters

Returns boolean

Settings

On This Page

`Optional`autoLoad?: boolean

`Optional`crossorigin?: string | boolean

`Optional`height?: number

`Optional`scale?: number

`Optional`source?: string

`Optional`width?: number

`Protected`_height

`Readonly`_overrideHeight

`Readonly`_overrideWidth

`Protected`_width

`Readonly`destroyed

`Readonly`scale

`Readonly`source

`Readonly`svg

`Static` `Readonly`SVG_SIZE

`Static` `Readonly`SVG_XML

`Protected`load

`Static`crossOrigin

`Static`getSize

`Static`test