Class SvgJsRenderer

Hierarchy

Renderer
- SvgJsRenderer

Index

Constructors

Properties

Methods

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

Constructors

constructor

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

Properties

`Protected` 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:223

background

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

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:109

clear

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

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:37

`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:190

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:178

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:131

remove

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

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:48

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:64

title

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

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:156

`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:139

`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:213

`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:115

`Static` `Protected` toClassName

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

`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:111

Class SvgJsRenderer

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

container: string | HTMLElement

Returns SvgJsRenderer

Properties

Protected 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

`Protected` 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