---

Classes

• _global_
• Arc
• Builder
• BuilderProperty
• CanvasImage
• CanvasProps
• CanvasResizeCommand
• Command
• ConnectCommand
• ConnectionPoint
• Connector
• ConnectorHandleCommand
• ConnectorManager
• CreateCommand
• CubicCurve
• DashedArc
• DeleteCommand
• Ellipse
• Figure
• Glue
• Group
• GroupCommand
• Handle
• HandleManager
• History
• Line
• Log
• Matrix
• MatrixCommand
• Minimap
• Path
• Point
• Polygon
• Polyline
• PropertyCommand
• QuadCurve
• Stack
• Style
• Text
• Util
• ZOrderCommand

---

Class Connector

Defined in: connections.js.

Class Summary

Constructor Attributes	Constructor Name and Description
	Connector(startPoint, endPoint, type, id) It's a connector between 2 figureConnectionPoints.

Field Summary

Field Attributes	Field Name and Description
	activeConnectionPointId The {ConnectionPoint}'s id that is currently being dragged
<static>	Connector.ARROW_ANGLE End connector arrow angle
<static>	Connector.ARROW_SIZE End connector arrow size
	endStyle End style for connector.
	id Connector's id
	middleText The text that will appear in the middle of the connector
	oType Serialization type
	properties An {Array} of {BuilderProperties} to store exposed properties of the connector
	startStyle Start style for connector.
	style The {Style} this connector will have
<static>	Connector.STYLE_ARROW Arrow like end connector style
<static>	Connector.STYLE_EMPTY_TRIANGLE Empty triangle end connector style
<static>	Connector.STYLE_FILLED_TRIANGLE Filled triangle end connector style
<static>	Connector.STYLE_NORMAL Normal end connector style
	turningPoints An {Array} of {Point}s.
	type Type of connector.
<static>	Connector.TYPE_JAGGED Jagged connector type
<static>	Connector.TYPE_STRAIGHT Straight connector type
	visualDebug If true visual debug will be available

Method Summary

Method Attributes	Method Name and Description
	adjust(matrix, point) Transform a ConnectionPoint by a matrix.
	connect2Points(p1, p2) This function simply tries to create all possible intermediate points that can be placed between 2 points to create a jagged connector
	contains(x, y) This is really a near type function, we don't want to find out if we are anywhere within the "bounds" of the Connector
	equals(anotherConnector) Compares to another Connector
	getArrow(x, y) Creates an arrow like figure, pointed down \/, at a certain position
	getBounds() Founds the bounds of the connector
	getTriangle(x, y, fill) Creates a triangle like figure, pointed down \/, at a certain position
	jagged() Creates as jagged(zig-zag) line between 2 ConnectionPoints
	jaggedReloaded() A rework of jagged method Just creates all turning points for Connector that has a StartPoint and an EndPoint
<static>	Connector.load(o) Creates a {Connector} out of JSON parsed object
<static>	Connector.loadArray(v) Creates a an {Array} of {Connector} out of JSON parsed array
	middle() Returns the middle of a connector Usefull for setting up the middle text
	near(x, y, radius) Tests if a point defined by (x,y) is within a radius
	paint(context) Paints the connector
	redraw() Remove redundant points (we have just ajusted one of the handles of this figure, so)
	toString() String representation
	toSVG() SVG representation of the connector
	transform(matrix) Apply a transformation to this Connector
	updateMiddleText() Updates the middle text of the connector

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

Parameters:

{Matrix} matrix

- the transformation to be used

{Point} point

- the point to start from (could be end or start). It is the point that triggered the adjustement

---

Parameters:

{Point} p1

- a point

{Point} p2

- the other point

---

Parameters:

{Number} x

- coordinate

{Number} y

- coordinate

---

Parameters:

{Connector} anotherConnector

- the other connector

---

Parameters:

{Number} x

- the X coordinates of the point

{Number} y

- the X coordinates of the point

Returns:

{Path} the arrow as a {Path} object

---

Returns:

{Array} - the [minX, minY, maxX, maxY]

---

Parameters:

{Number} x

- the X coordinates of the point

{Number} y

- the X coordinates of the point

{Boolean} fill

- if true fill the triangle

Returns:

{Path} the arrow as a {Path} object

---

---

---

Parameters:

{JSONObject} o

- the JSON parsed object

Returns:

{Connector} a newly constructed Connector

---

Parameters:

{JSONObject} v

- the JSON parsed {Array}

Returns:

{Array} of newly loaded {Connector}s

---

Returns:

{Array} of 2 {Number}s - the x and y of the point

---

Parameters:

{Number} x

- x coordinates of the point

{Number} y

- y coordinates of the point

{Number} radius

- the radius to seach within

---

Parameters:

{Context} context

- the 2D context of the canvas

---

---

---

Returns:

{String} - the SVG part

---

Parameters:

{Matrix} matrix

- a matrix of numbers

---

---