Class SvgJsRenderer

Hierarchy

Renderer
- SvgJsRenderer

Index

Constructors

Properties

Methods

arc background circle clear line ngon pentagon rect remove size text title toSvgString triangle arcBarrePath boxToElement ngonPath toClassName trianglePath

Constructors

constructor

new SvgJsRenderer(container?: string | HTMLElement): SvgJsRenderer
Parameters
- Optional container: string | HTMLElement
Returns SvgJsRenderer
Overrides Renderer.constructor
- Defined in renderer/svgjs/svg-js-renderer.ts:8

Properties

`Protected` `Optional` container

container?: string | HTMLElement

`Private` svg

svg: Container

Methods

arc

arc(x: number, y: number, width: number, height: number, direction: ArcDirection, strokeWidth: number, strokeColor: string, classes?: string | string[], fill?: string): GraphcisElement
Parameters
- x: number
- y: number
- width: number
- height: number
- direction: ArcDirection
- strokeWidth: number
- strokeColor: string
- Optional classes: string | string[]
- Optional fill: string
Returns GraphcisElement
Overrides Renderer.arc
- Defined in renderer/svgjs/svg-js-renderer.ts:232

background

background(color: string): void
Parameters
- color: string
Returns void
Overrides Renderer.background
- Defined in renderer/svgjs/svg-js-renderer.ts:64

circle

circle(x: number, y: number, diameter: number, strokeWidth: number, strokeColor: string, fill?: string, classes?: string | string[]): GraphcisElement
Parameters
- x: number
- y: number
- diameter: number
- strokeWidth: number
- strokeColor: string
- Optional fill: string
- Optional classes: string | string[]
Returns GraphcisElement
Overrides Renderer.circle
- Defined in renderer/svgjs/svg-js-renderer.ts:118

clear

clear(): void
Returns void
Overrides Renderer.clear
- Defined in renderer/svgjs/svg-js-renderer.ts:43

line

line(fromX: number, fromY: number, toX: number, toY: number, strokeWidth: number, color: string): void
Parameters
- fromX: number
- fromY: number
- toX: number
- toY: number
- strokeWidth: number
- color: string
Returns void
Overrides Renderer.line
- Defined in renderer/svgjs/svg-js-renderer.ts:28

`Private` ngon

ngon(x: number, y: number, size: number, strokeWidth: number, strokeColor: string, fill: string, edges: number, classes?: string | string[]): GraphcisElement
Parameters
- x: number
- y: number
- size: number
- strokeWidth: number
- strokeColor: string
- fill: string
- edges: number
- Optional classes: string | string[]
Returns GraphcisElement
- Defined in renderer/svgjs/svg-js-renderer.ts:199

pentagon

pentagon(x: number, y: number, size: number, strokeWidth: number, strokeColor: string, fill: string, classes?: string | string[]): GraphcisElement
Parameters
- x: number
- y: number
- size: number
- strokeWidth: number
- strokeColor: string
- fill: string
- Optional classes: string | string[]
Returns GraphcisElement
Overrides Renderer.pentagon
- Defined in renderer/svgjs/svg-js-renderer.ts:187

rect

rect(x: number, y: number, width: number, height: number, strokeWidth: number, strokeColor: string, classes?: string | string[], fill?: string, radius?: number): GraphcisElement
Parameters
- x: number
- y: number
- width: number
- height: number
- strokeWidth: number
- strokeColor: string
- Optional classes: string | string[]
- Optional fill: string
- Optional radius: number
Returns GraphcisElement
Overrides Renderer.rect
- Defined in renderer/svgjs/svg-js-renderer.ts:140

remove

remove(): void
Returns void
Overrides Renderer.remove
- Defined in renderer/svgjs/svg-js-renderer.ts:47

size

size(width: number, height: number): void
Parameters
- width: number
- height: number
Returns void
Overrides Renderer.size
- Defined in renderer/svgjs/svg-js-renderer.ts:39

text

text(text: string, x: number, y: number, fontSize: number, color: string, fontFamily: string, alignment: Alignment, classes?: string | string[], plain?: boolean): GraphcisElement
Parameters
- text: string
- x: number
- y: number
- fontSize: number
- color: string
- fontFamily: string
- alignment: Alignment
- Optional classes: string | string[]
- Optional plain: boolean
Returns GraphcisElement
Overrides Renderer.text
- Defined in renderer/svgjs/svg-js-renderer.ts:68

title

title(title: string): void
Parameters
- title: string
Returns void
Overrides Renderer.title
- Defined in renderer/svgjs/svg-js-renderer.ts:24

toSvgString

toSvgString(): string
Serialize the current state of the diagram to an SVG string. The returned string is a standalone <svg> document (including the xmlns attribute) and can be written to a file or used without ever attaching it to the DOM.

Returns string
Overrides Renderer.toSvgString
- Defined in renderer/svgjs/svg-js-renderer.ts:51

triangle

triangle(x: number, y: number, size: number, strokeWidth: number, strokeColor: string, classes?: string | string[], fill?: string): GraphcisElement
Parameters
- x: number
- y: number
- size: number
- strokeWidth: number
- strokeColor: string
- Optional classes: string | string[]
- Optional fill: string
Returns GraphcisElement
Overrides Renderer.triangle
- Defined in renderer/svgjs/svg-js-renderer.ts:165

`Static` `Protected` arcBarrePath

arcBarrePath(x: number, y: number, width: number, height: number, direction: ArcDirection): string
Parameters
- x: number
- y: number
- width: number
- height: number
- direction: ArcDirection
Returns string
Inherited from Renderer.arcBarrePath
- Defined in renderer/renderer.ts:146

`Static` `Private` boxToElement

boxToElement(box: Box, remove: (() => void)): GraphcisElement
Parameters
- box: Box
- remove: (() => void)
  - - (): void
    - Returns void
Returns GraphcisElement
- Defined in renderer/svgjs/svg-js-renderer.ts:222

`Static` `Protected` ngonPath

ngonPath(x: number, y: number, size: number, edges: number): string
Parameters
- x: number
- y: number
- size: number
- edges: number
Returns string
Inherited from Renderer.ngonPath
- Defined in renderer/renderer.ts:122

`Static` `Protected` toClassName

toClassName(classes?: string | string[]): string
Parameters
- Optional classes: string | string[]
Returns string
Inherited from Renderer.toClassName
- Defined in renderer/renderer.ts:200

`Static` `Protected` trianglePath

trianglePath(x: number, y: number, size: number): string
Parameters
- x: number
- y: number
- size: number
Returns string
Inherited from Renderer.trianglePath
- Defined in renderer/renderer.ts:118

Class SvgJsRenderer

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

Optional container: string | HTMLElement

Returns SvgJsRenderer

Properties

Protected Optional container

Private svg

Methods

arc

Parameters

x: number

y: number

width: number

height: number

direction: ArcDirection

strokeWidth: number

strokeColor: string

Optional classes: string | string[]

Optional fill: string

Returns GraphcisElement

background

Parameters

color: string

Returns void

circle

Parameters

x: number

y: number

diameter: number

strokeWidth: number

strokeColor: string

Optional fill: string

Optional classes: string | string[]

Returns GraphcisElement

clear

Returns void

line

Parameters

fromX: number

fromY: number

toX: number

toY: number

strokeWidth: number

color: string

Returns void

Private ngon

Parameters

x: number

y: number

size: number

strokeWidth: number

strokeColor: string

fill: string

edges: number

Optional classes: string | string[]

Returns GraphcisElement

pentagon

Parameters

x: number

y: number

size: number

strokeWidth: number

strokeColor: string

fill: string

Optional classes: string | string[]

Returns GraphcisElement

rect

Parameters

x: number

y: number

width: number

height: number

strokeWidth: number

`Optional` container: string | HTMLElement

`Protected` `Optional` container

`Private` svg

`Optional` classes: string | string[]

`Optional` fill: string

`Optional` fill: string

`Optional` classes: string | string[]

`Private` ngon

`Optional` classes: string | string[]

`Optional` classes: string | string[]

`Optional` classes: string | string[]

`Optional` fill: string

`Optional` radius: number

`Optional` classes: string | string[]

`Optional` plain: boolean

`Optional` classes: string | string[]

`Optional` fill: string

`Static` `Protected` arcBarrePath

`Static` `Private` boxToElement

`Static` `Protected` ngonPath

`Static` `Protected` toClassName

`Optional` classes: string | string[]

`Static` `Protected` trianglePath