Class SVGPathBuilder

Hierarchy

SVGGroup
- SVGPathBuilder

Index

Constructors

Properties

Methods

addClip attr class clear clip ellipse fill group linear_gradient path rect render renderAttrs renderContent renderStyle rotate scale stroke strokeWidth style text transform translate

Constructors

constructor

new SVGPathBuilder(): SVGPathBuilder
Returns SVGPathBuilder
Overrides SVGGroup.constructor
- Defined in src/svgcomponent.ts:531

Properties

`Protected` m_items

m_items: SVGItem[]

`Static` `Private` g_clip_id

g_clip_id: number = 1

Methods

addClip

addClip(x, y, w, h): string
Parameters
- x: number
- y: number
- w: number
- h: number
Returns string
- Defined in src/svgcomponent.ts:535

attr

attr(name, value): SVGPathBuilder
define a new attribute
Parameters
- name: string
  
  attibute name
- value: string
  
  attribute value
Returns SVGPathBuilder
this
Inherited from SVGGroup.attr
- Defined in src/svgcomponent.ts:129

class

class(name): SVGPathBuilder
add a class
Parameters
- name: string
  
  class name to add
Returns SVGPathBuilder
Inherited from SVGGroup.class
- Defined in src/svgcomponent.ts:154

clear

clear(): void
clear

Returns void
Inherited from SVGGroup.clear
- Defined in src/svgcomponent.ts:508

clip

clip(id): SVGPathBuilder
Parameters
- id: string
Returns SVGPathBuilder
Inherited from SVGGroup.clip
- Defined in src/svgcomponent.ts:207

ellipse

ellipse(x, y, r1, r2?): SVGShape
Parameters
- x: any
- y: any
- r1: any
- r2: any = r1
Returns SVGShape
Inherited from SVGGroup.ellipse
- Defined in src/svgcomponent.ts:458

fill

fill(color): SVGPathBuilder
change the fill color
Parameters
- color: string
Returns SVGPathBuilder
Inherited from SVGGroup.fill
- Defined in src/svgcomponent.ts:117

group

group(): SVGGroup
Returns SVGGroup
Inherited from SVGGroup.group
- Defined in src/svgcomponent.ts:478

linear_gradient

linear_gradient(x1, y1, x2, y2): SVGGradient

example

const g = c.linear_gradient( '0%', '0%', '0%', '100%' )
                .addStop( 0, 'red' )
                .addStop( 100, 'green' );

p.rect( 0, 0, 100, 100 )
        .stroke( g.id );

Parameters

x1: number_or_perc
y1: number_or_perc
x2: number_or_perc
y2: number_or_perc

Returns SVGGradient

path

path(): SVGPath
Returns SVGPath
Inherited from SVGGroup.path
- Defined in src/svgcomponent.ts:446

rect

rect(x, y, w, h): SVGShape
Parameters
- x: any
- y: any
- w: any
- h: any
Returns SVGShape
Inherited from SVGGroup.rect
- Defined in src/svgcomponent.ts:468

render

render(): string
render the item

Returns string
Overrides SVGGroup.render
- Defined in src/svgcomponent.ts:546

renderAttrs

renderAttrs(): string
Returns string
Inherited from SVGGroup.renderAttrs
- Defined in src/svgcomponent.ts:164

renderContent

renderContent(): string
Returns string
Inherited from SVGGroup.renderContent
- Defined in src/svgcomponent.ts:512

renderStyle

renderStyle(): string
Returns string
Inherited from SVGGroup.renderStyle
- Defined in src/svgcomponent.ts:181

rotate

rotate(deg, cx, cy): SVGPathBuilder
Parameters
- deg: number
- cx: number
- cy: number
Returns SVGPathBuilder
Inherited from SVGGroup.rotate
- Defined in src/svgcomponent.ts:225

scale

scale(x): SVGPathBuilder
Parameters
- x: number
Returns SVGPathBuilder
Inherited from SVGGroup.scale
- Defined in src/svgcomponent.ts:235

stroke

stroke(color, width?): SVGPathBuilder
change the stroke color
Parameters
- color: string
- Optional width: number
Returns SVGPathBuilder
Inherited from SVGGroup.stroke
- Defined in src/svgcomponent.ts:95

strokeWidth

strokeWidth(width): SVGPathBuilder
change the stroke width
Parameters
- width: number
Returns SVGPathBuilder
Inherited from SVGGroup.strokeWidth
- Defined in src/svgcomponent.ts:107

style

style(name, value): SVGPathBuilder
Parameters
- name: string
- value: string | number
Returns SVGPathBuilder
Inherited from SVGGroup.style
- Defined in src/svgcomponent.ts:134

text

text(x, y, txt): SVGText
Parameters
- x: any
- y: any
- txt: any
Returns SVGText
Inherited from SVGGroup.text
- Defined in src/svgcomponent.ts:452

transform

transform(tr): SVGPathBuilder
Parameters
- tr: string
Returns SVGPathBuilder
Inherited from SVGGroup.transform
- Defined in src/svgcomponent.ts:216

translate

translate(dx, dy): SVGPathBuilder
Parameters
- dx: number
- dy: number
Returns SVGPathBuilder
Inherited from SVGGroup.translate
- Defined in src/svgcomponent.ts:230

Class SVGPathBuilder

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Returns SVGPathBuilder

Properties

Protected m_items

Static Private g_clip_id

Methods

addClip

Parameters

x: number

y: number

w: number

h: number

Returns string

attr

Parameters

name: string

value: string

Returns SVGPathBuilder

class

Parameters

name: string

Returns SVGPathBuilder

clear

Returns void

clip

Parameters

id: string

Returns SVGPathBuilder

ellipse

Parameters

x: any

y: any

r1: any

r2: any = r1

Returns SVGShape

fill

Parameters

color: string

Returns SVGPathBuilder

group

Returns SVGGroup

linear_gradient

Parameters

x1: number_or_perc

y1: number_or_perc

x2: number_or_perc

y2: number_or_perc

Returns SVGGradient

path

Returns SVGPath

rect

Parameters

x: any

y: any

w: any

h: any

Returns SVGShape

render

Returns string

renderAttrs

Returns string

renderContent

Returns string

renderStyle

Returns string

rotate

Parameters

deg: number

cx: number

cy: number

Returns SVGPathBuilder

scale

Parameters

`Protected` m_items

`Static` `Private` g_clip_id

`Optional` width: number