Class SVGuitarChord

Hierarchy

SVGuitarChord

Constructors

constructor

new SVGuitarChord(container: string | HTMLElement): SVGuitarChord
Parameters
- container: string | HTMLElement
Returns SVGuitarChord
- Defined in svguitar.ts:437

Properties

`Private` chordInternal

chordInternal: Chord = ...

`Private` container

container: string | HTMLElement

`Private` `Optional` rendererInternal

rendererInternal?: Renderer

`Private` settings

settings: ChordSettings = {}

`Static` plugins

plugins: SVGuitarPlugin[] = []

Accessors

`Private` orientation

get orientation(): Orientation
Returns Orientation
- Defined in svguitar.ts:1389

`Private` renderer

get renderer(): Renderer
Returns Renderer
- Defined in svguitar.ts:446

Methods

chord

chord(chord: Chord): SVGuitarChord
Parameters
- chord: Chord
Returns SVGuitarChord
- Defined in svguitar.ts:480

clear

clear(): void
Returns void
- Defined in svguitar.ts:1265

configure

configure(settings: ChordSettings): SVGuitarChord
Parameters
- settings: ChordSettings
Returns SVGuitarChord
- Defined in svguitar.ts:465

`Private` coordinates

coordinates(x: number, y: number): {
x: number;
y: number;
}
rotates coordinates if orientation is horizontal

Returns
Parameters
- x: number
  
  x in vertical orientation
- y: number
  
  y in vertical orientation
Returns {
x: number;
y: number;
}
- x: number
- y: number
- Defined in svguitar.ts:1328

draw

draw(): {
height: number;
width: number;
}
Returns {
height: number;
width: number;
}
- height: number
- width: number
- Defined in svguitar.ts:486

`Private` drawBackground

drawBackground(): void
Returns void
- Defined in svguitar.ts:739

`Private` drawEmptyStringIndicators

drawEmptyStringIndicators(y: number): number
Parameters
- y: number
Returns number
- Defined in svguitar.ts:811

`Private` drawFinger

drawFinger(x: number, y: number, size: number, color: string, textSize: number, fontFamily: string, fingerOptions: FingerOptions, classNames: string[]): void
Parameters
- x: number
- y: number
- size: number
- color: string
- textSize: number
- fontFamily: string
- fingerOptions: FingerOptions
- classNames: string[]
Returns void
- Defined in svguitar.ts:1087

`Private` drawGrid

drawGrid(y: number): number
Parameters
- y: number
Returns number
- Defined in svguitar.ts:924

`Private` drawPosition

drawPosition(y: number): void
Parameters
- y: number
Returns void
- Defined in svguitar.ts:632

`Private` drawTitle

drawTitle(size: number): number
Parameters
- size: number
Returns number
- Defined in svguitar.ts:1190

`Private` drawTopEdges

drawTopEdges(y: number): void
Hack to prevent the empty space of the svg from being cut off without having to define a fixed width
Parameters
- y: number
Returns void
- Defined in svguitar.ts:730

`Private` drawTopFret

drawTopFret(y: number): number
Parameters
- y: number
Returns number
- Defined in svguitar.ts:745

`Private` drawTunings

drawTunings(y: number): number
Parameters
- y: number
Returns number
- Defined in svguitar.ts:546

`Private` drawWatermark

drawWatermark(y: number): number
Parameters
- y: number
Returns number
- Defined in svguitar.ts:589

`Private` fretLinesYPos

fretLinesYPos(startY: number): number[]
Parameters
- startY: number
Returns number[]
- Defined in svguitar.ts:798

`Private` fretSpacing

fretSpacing(): number
Returns number
- Defined in svguitar.ts:791

`Private` height

height(height_: number, width: number): number
rotates height if orientation is horizontal

Returns
Parameters
- height_: number
  
  height in vertical orientation
- width: number
  
  width in vertical orientation
Returns number
- Defined in svguitar.ts:1374

`Private` rectCoordinates

rectCoordinates(x: number, y: number, width: number, height: number): {
    height: number;
    width: number;
    x: number;
    y: number;
}
rotates coordinates of a rectangle if orientation is horizontal

Returns
Parameters
- x: number
  
  x in vertical orientation
- y: number
  
  y in vertical orientation
- width: number
  
  width in vertical orientation
- height: number
  
  height in vertical orientation
Returns {
    height: number;
    width: number;
    x: number;
    y: number;
}
- height: number
- width: number
- x: number
- y: number
- Defined in svguitar.ts:1344

remove

remove(): void
Completely remove the diagram from the DOM

Returns void
- Defined in svguitar.ts:1272

`Private` stringSpacing

stringSpacing(): number
Returns number
- Defined in svguitar.ts:781

`Private` stringXPos

stringXPos(): number[]
Returns number[]
- Defined in svguitar.ts:772

`Private` toArrayIndex

toArrayIndex(stringIndex: number): number
Parameters
- stringIndex: number
Returns number
- Defined in svguitar.ts:805

`Private` width

width(width_: number, height: number): number
rotates width if orientation is horizontal

Returns
Parameters
- width_: number
  
  width in vertical orientation
- height: number
  
  height in vertical orientation
Returns number
- Defined in svguitar.ts:1385

`Private` x

x(x: number, y: number): number
rotates x value if orientation is horizontal

Returns
Parameters
- x: number
  
  x in vertical orientation
- y: number
  
  y in vertical orientation
Returns number
- Defined in svguitar.ts:1306

`Private` y

y(x: number, y: number): number
rotates y value if orientation is horizontal

Returns
Parameters
- x: number
  
  x in vertical orientation
- y: number
  
  y in vertical orientation
Returns number
- Defined in svguitar.ts:1317

`Static` `Private` getFingerOptions

getFingerOptions(textOrOptions: undefined | string | FingerOptions): FingerOptions
Helper method to get an options object from the 3rd array value for a finger, that can either be undefined, a string or and options object. This method will return an options object in any case, so it's easier to work with this third value.
Parameters
- textOrOptions: undefined | string | FingerOptions
Returns FingerOptions
- Defined in svguitar.ts:1283

`Static` plugin

plugin<S, T>(this: S, plugin: T): {
    plugins: any[];
    prototype: __type<any, any>;
    new (...args: any[]): __type<S, T>;
} & S & Constructor<ReturnTypeOf<T>>
Type Parameters
- S extends Constructor<any> & {
  plugins: any[];
  }
- T extends SVGuitarPlugin | SVGuitarPlugin[]
Parameters
- this: S
- plugin: T
Returns {
    plugins: any[];
    prototype: __type<any, any>;
    new (...args: any[]): __type<S, T>;
} & S & Constructor<ReturnTypeOf<T>>
- Defined in svguitar.ts:417

`Static` sanityCheckSettings

sanityCheckSettings(settings: Partial<ChordSettings>): void
Parameters
- settings: Partial<ChordSettings>
Returns void
- Defined in svguitar.ts:520

Class SVGuitarChord

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

container: string | HTMLElement

Returns SVGuitarChord

Properties

Private chordInternal

Private container

Private Optional rendererInternal

Private settings

Static plugins

Accessors

Private orientation

Returns Orientation

Private renderer

Returns Renderer

Methods

chord

Parameters

chord: Chord

Returns SVGuitarChord

clear

Returns void

configure

Parameters

settings: ChordSettings

Returns SVGuitarChord

Private coordinates

Returns

Parameters

x: number

y: number

Returns { x: number; y: number; }

x: number

y: number

draw

Returns { height: number; width: number; }

height: number

width: number

Private drawBackground

Returns void

Private drawEmptyStringIndicators

Parameters

y: number

Returns number

Private drawFinger

Parameters

x: number

y: number

size: number

color: string

textSize: number

fontFamily: string

fingerOptions: FingerOptions

classNames: string[]

Returns void

Private drawGrid

Parameters

y: number

Returns number

Private drawPosition

Parameters

y: number

Returns void

Private drawTitle

Parameters

size: number

Returns number

Private drawTopEdges

Parameters

y: number

Returns void

Private drawTopFret

`Private` chordInternal

`Private` container

`Private` `Optional` rendererInternal

`Private` settings

`Static` plugins

`Private` orientation

`Private` renderer

`Private` coordinates

Returns {
x: number;
y: number;
}

Returns {
height: number;
width: number;
}

`Private` drawBackground

`Private` drawEmptyStringIndicators

`Private` drawFinger

`Private` drawGrid

`Private` drawPosition

`Private` drawTitle

`Private` drawTopEdges

`Private` drawTopFret

`Private` drawTunings

`Private` drawWatermark

`Private` fretLinesYPos

`Private` fretSpacing

`Private` height

`Private` rectCoordinates

Returns {
height: number;
width: number;
x: number;
y: number;
}

`Private` stringSpacing

`Private` stringXPos

`Private` toArrayIndex

`Private` width

`Private` x

`Private` y

`Static` `Private` getFingerOptions

`Static` plugin

S extends Constructor<any> & {
plugins: any[];
}