Handle is a JavaScript object used to represent points and key controls on descendants of the Shape object. Manipulating a Handle manipulates the object to which the handle belongs.
Handle is a sub-class of the Shape object.
constructor - new Handle(x, y, owner);
This method creates a new Handle object. All initialization is handled by the init() method. All parameters for this method are described below
init() initialized all properties for this object.
x is a number that defines the x position of the center of the handle
y is a number that defines the y position of the center of the handle
owner is a descendent of Shape to which this handle belongs. When this handle is moved, the owner's update() method will be called.
realize() constructs the SVG DOM nodes needed to visualize this widget. Any event listeners that are used by this object will be registered by this method.
translate() translates the SVG element and the associated handles by the specified amount.
delta is a Point2D.
refresh() is used to update the position of the handle. This method will not call any callbacks associated with this object or with this object's owner object.
select() sets the current select state of the handle. The handle's appearance is updated to reflect the current state.
mousedown() handles any mousedown events that are sent to the handle. If the handle is not locked, dragging is initiated.
point is a Point2D that represents the center of the handle.
owner is a descendant of Shape to which this handle belongs.
This example allows you to adjust the position of multiple Handles. Here is a brief summary of the editing procedures: