Documentation / @ripl/svg / SVGPath

Class: SVGPath

Defined in: svg/src/index.ts:234

SVG-specific path implementation that builds an SVG d attribute string from drawing commands.

Extends

• ContextPath

Implements

• SVGContextElement

Constructors

Constructor

new SVGPath(id?): SVGPath

Defined in: svg/src/index.ts:238

Parameters

Parameter	Type
id?	string

Returns

SVGPath

Overrides

ContextPath.constructor

Properties

Property	Modifier	Type	Inherited from	Defined in
definition	public	SVGContextElementDefinition	-	svg/src/index.ts:236
id	readonly	string	SVGContextElement.id ContextPath.id	core/src/context/path.ts:19

Methods

addPath()

addPath(path): void

Defined in: core/src/context/path.ts:76

Parameters

Parameter	Type
path	ContextPath

Returns

void

Inherited from

ContextPath.addPath

---

arc()

arc(x, y, radius, startAngle, endAngle, counterclockwise?): void

Defined in: svg/src/index.ts:257

Parameters

Parameter	Type
x	number
y	number
radius	number
startAngle	number
endAngle	number
counterclockwise?	boolean

Returns

void

Overrides

ContextPath.arc

---

arcTo()

arcTo(x1, y1, x2, y2, radius): void

Defined in: svg/src/index.ts:267

Parameters

Parameter	Type
x1	number
y1	number
x2	number
y2	number
radius	number

Returns

void

Overrides

ContextPath.arcTo

---

bezierCurveTo()

bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y): void

Defined in: svg/src/index.ts:278

Parameters

Parameter	Type
cp1x	number
cp1y	number
cp2x	number
cp2y	number
x	number
y	number

Returns

void

Overrides

ContextPath.bezierCurveTo

---

circle()

circle(x, y, radius): void

Defined in: svg/src/index.ts:272

Parameters

Parameter	Type
x	number
y	number
radius	number

Returns

void

Overrides

ContextPath.circle

---

closePath()

closePath(): void

Defined in: svg/src/index.ts:282

Returns

void

Overrides

ContextPath.closePath

---

ellipse()

ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise?): void

Defined in: svg/src/index.ts:286

Parameters

Parameter	Type
x	number
y	number
radiusX	number
radiusY	number
rotation	number
startAngle	number
endAngle	number
counterclockwise?	boolean

Returns

void

Overrides

ContextPath.ellipse

---

lineTo()

lineTo(x, y): void

Defined in: svg/src/index.ts:323

Parameters

Parameter	Type
x	number
y	number

Returns

void

Overrides

ContextPath.lineTo

---

moveTo()

moveTo(x, y): void

Defined in: svg/src/index.ts:327

Parameters

Parameter	Type
x	number
y	number

Returns

void

Overrides

ContextPath.moveTo

---

polyline()

polyline(points): void

Defined in: core/src/context/path.ts:69

Parameters

Parameter	Type
points	Point[]

Returns

void

Inherited from

ContextPath.polyline

---

quadraticCurveTo()

quadraticCurveTo(cpx, cpy, x, y): void

Defined in: svg/src/index.ts:331

Parameters

Parameter	Type
cpx	number
cpy	number
x	number
y	number

Returns

void

Overrides

ContextPath.quadraticCurveTo

---

rect()

rect(x, y, width, height): void

Defined in: svg/src/index.ts:335

Parameters

Parameter	Type
x	number
y	number
width	number
height	number

Returns

void

Overrides

ContextPath.rect

---

roundRect()

roundRect(x, y, width, height, radii?): void

Defined in: svg/src/index.ts:343

Parameters

Parameter	Type
x	number
y	number
width	number
height	number
radii?	BorderRadius

Returns

void

Overrides

ContextPath.roundRect