Draw2D touch JavaScript GraphLib ( version 4.9.1 )
Draw2D touch JavaScript GraphLib ( version 4.9.1 )
draw2d
Connection
draw2d.Connection
draw2d.Connection.DEFAULT_ROUTER
command
draw2d.command.Command
draw2d.command.CommandAdd
draw2d.command.CommandAddVertex
draw2d.command.CommandAssignFigure
draw2d.command.CommandBoundingBox
draw2d.command.CommandCollection
draw2d.command.CommandConnect
draw2d.command.CommandDelete
draw2d.command.CommandGroup
draw2d.command.CommandMove
draw2d.command.CommandMoveLine
draw2d.command.CommandMoveVertex
draw2d.command.CommandMoveVertices
draw2d.command.CommandReconnect
draw2d.command.CommandRemoveVertex
draw2d.command.CommandReplaceVertices
draw2d.command.CommandResize
draw2d.command.CommandRotate
draw2d.command.CommandStack
draw2d.command.CommandStack.POST_EXECUTE
draw2d.command.CommandStack.POST_INIT
draw2d.command.CommandStack.POST_REDO
draw2d.command.CommandStack.POST_UNDO
draw2d.command.CommandStack.PRE_EXECUTE
draw2d.command.CommandStack.PRE_REDO
draw2d.command.CommandStack.PRE_UNDO
draw2d.command.CommandStackEvent
draw2d.command.CommandStackEventListener
draw2d.command.CommandType
draw2d.command.CommandUngroup
decoration
draw2d.decoration.connection.ArrowDecorator
draw2d.decoration.connection.BarDecorator
draw2d.decoration.connection.CircleDecorator
draw2d.decoration.connection.Decorator
draw2d.decoration.connection.DiamondDecorator
geo
draw2d.geo.Point
draw2d.geo.PositionConstants
draw2d.geo.Rectangle
draw2d.geo.Rectangle.DIRECTION_UP
io
draw2d.io.Reader
draw2d.io.Writer
draw2d.io.json.Reader
draw2d.io.json.Writer
draw2d.io.png.Writer
draw2d.io.svg.Writer
layout
draw2d.layout.anchor.CenterEdgeConnectionAnchor
draw2d.layout.anchor.ChopboxConnectionAnchor
draw2d.layout.anchor.ConnectionAnchor
draw2d.layout.anchor.FanConnectionAnchor
draw2d.layout.anchor.ShortesPathConnectionAnchor
draw2d.layout.connection.CircuitConnectionRouter
draw2d.layout.connection.ConnectionRouter
draw2d.layout.connection.DirectRouter
draw2d.layout.connection.FanConnectionRouter
draw2d.layout.connection.InteractiveManhattanConnectionRouter
draw2d.layout.connection.ManhattanBridgedConnectionRouter
draw2d.layout.connection.ManhattanConnectionRouter
draw2d.layout.connection.MazeConnectionRouter
draw2d.layout.connection.MuteableManhattanConnectionRouter
draw2d.layout.connection.SketchBridgedConnectionRouter
draw2d.layout.connection.SplineConnectionRouter
draw2d.layout.connection.VertexRouter
draw2d.layout.locator.BottomLocator
draw2d.layout.locator.CenterLocator
draw2d.layout.locator.ConnectionLocator
draw2d.layout.locator.InputPortLocator
draw2d.layout.locator.LeftLocator
draw2d.layout.locator.Locator
draw2d.layout.locator.ManhattanMidpointLocator
draw2d.layout.locator.OutputPortLocator
draw2d.layout.locator.ParallelMidpointLocator
draw2d.layout.locator.PolylineMidpointLocator
draw2d.layout.locator.PortLocator
draw2d.layout.locator.RightLocator
draw2d.layout.locator.TopLocator
draw2d.layout.locator.XYAbsPortLocator
draw2d.layout.locator.XYRelPortLocator
draw2d.layout.mesh.ExplodeLayouter
draw2d.layout.mesh.MeshLayouter
draw2d.layout.mesh.ProposedMeshChange
policy
draw2d.policy.EditPolicy
draw2d.policy.canvas.BoundingboxSelectionPolicy
draw2d.policy.canvas.CanvasPolicy
draw2d.policy.canvas.CoronaDecorationPolicy
draw2d.policy.canvas.DecorationPolicy
draw2d.policy.canvas.DefaultKeyboardPolicy
draw2d.policy.canvas.ExtendedKeyboardPolicy
draw2d.policy.canvas.FadeoutDecorationPolicy
draw2d.policy.canvas.KeyboardPolicy
draw2d.policy.canvas.PanningSelectionPolicy
draw2d.policy.canvas.ReadOnlySelectionPolicy
draw2d.policy.canvas.SelectionPolicy
draw2d.policy.canvas.ShowChessboardEditPolicy
draw2d.policy.canvas.ShowDotEditPolicy
draw2d.policy.canvas.ShowGridEditPolicy
draw2d.policy.canvas.SingleSelectionPolicy
draw2d.policy.canvas.SnapToEditPolicy
draw2d.policy.canvas.SnapToGeometryEditPolicy
draw2d.policy.canvas.SnapToGridEditPolicy
draw2d.policy.figure.AntSelectionFeedbackPolicy
draw2d.policy.figure.BigRectangleSelectionFeedbackPolicy
draw2d.policy.figure.BusSelectionFeedbackPolicy
draw2d.policy.figure.DragDropEditPolicy
draw2d.policy.figure.FigureEditPolicy
draw2d.policy.figure.GlowSelectionFeedbackPolicy
draw2d.policy.figure.HBusSelectionFeedbackPolicy
draw2d.policy.figure.HorizontalEditPolicy
draw2d.policy.figure.RectangleSelectionFeedbackPolicy
draw2d.policy.figure.RegionConstraintPolicy
draw2d.policy.figure.ResizeSelectionFeedbackPolicy
draw2d.policy.figure.RoundRectangleSelectionFeedbackPolicy
draw2d.policy.figure.SelectionFeedbackPolicy
draw2d.policy.figure.SlimSelectionFeedbackPolicy
draw2d.policy.figure.VBusSelectionFeedbackPolicy
draw2d.policy.figure.VertexSelectionFeedbackPolicy
draw2d.policy.figure.VerticalEditPolicy
draw2d.policy.figure.WidthSelectionFeedbackPolicy
draw2d.policy.line.LineSelectionFeedbackPolicy
draw2d.policy.line.OrthogonalSelectionFeedbackPolicy
draw2d.policy.line.VertexSelectionFeedbackPolicy
draw2d.policy.port.ElasticStrapFeedbackPolicy
draw2d.policy.port.IntrusivePortsFeedbackPolicy
draw2d.policy.port.PortFeedbackPolicy
shape
draw2d.shape.analog.OpAmp
draw2d.shape.analog.ResistorBridge
draw2d.shape.analog.ResistorVertical
draw2d.shape.analog.VoltageSupplyHorizontal
draw2d.shape.analog.VoltageSupplyVertical
draw2d.shape.arrow.CalligrapherArrowDownLeft
draw2d.shape.arrow.CalligrapherArrowLeft
draw2d.shape.basic.Circle
draw2d.shape.basic.Diamond
draw2d.shape.basic.GhostVertexResizeHandle
draw2d.shape.basic.Image
draw2d.shape.basic.Label
draw2d.shape.basic.Line
draw2d.shape.basic.LineEndResizeHandle
draw2d.shape.basic.LineResizeHandle
draw2d.shape.basic.LineStartResizeHandle
draw2d.shape.basic.Oval
draw2d.shape.basic.PolyLine
draw2d.shape.basic.PolyLine.DEFAULT_ROUTER
draw2d.shape.basic.Polygon
draw2d.shape.basic.Rectangle
draw2d.shape.basic.Text
draw2d.shape.basic.VertexResizeHandle
draw2d.shape.composite.Group
draw2d.shape.composite.Jailhouse
draw2d.shape.composite.Raft
draw2d.shape.composite.StrongComposite
draw2d.shape.composite.WeakComposite
draw2d.shape.diagram.Diagram
draw2d.shape.diagram.Pie
draw2d.shape.diagram.Sparkline
draw2d.shape.icon.Acw
draw2d.shape.icon.Alarm
draw2d.shape.icon.Anonymous
draw2d.shape.icon.Apple
draw2d.shape.icon.Apps
draw2d.shape.icon.ArrowAlt
draw2d.shape.icon.ArrowDown
draw2d.shape.icon.ArrowLeft
draw2d.shape.icon.ArrowLeft2
draw2d.shape.icon.ArrowLeftAlt
draw2d.shape.icon.ArrowRight
draw2d.shape.icon.ArrowRight2
draw2d.shape.icon.ArrowUp
draw2d.shape.icon.Attention
draw2d.shape.icon.Aumade
draw2d.shape.icon.BarChart
draw2d.shape.icon.BioHazard
draw2d.shape.icon.Book
draw2d.shape.icon.Bookmark
draw2d.shape.icon.Books
draw2d.shape.icon.Bubble
draw2d.shape.icon.Bug
draw2d.shape.icon.Calendar
draw2d.shape.icon.Cart
draw2d.shape.icon.Ccw
draw2d.shape.icon.Chat
draw2d.shape.icon.Check
draw2d.shape.icon.Chrome
draw2d.shape.icon.Clip
draw2d.shape.icon.Clock
draw2d.shape.icon.Cloud
draw2d.shape.icon.Cloud2
draw2d.shape.icon.CloudDown
draw2d.shape.icon.CloudUp
draw2d.shape.icon.Cloudy
draw2d.shape.icon.Code
draw2d.shape.icon.CodeTalk
draw2d.shape.icon.CommandLine
draw2d.shape.icon.Connect
draw2d.shape.icon.Contract
draw2d.shape.icon.Crop
draw2d.shape.icon.Cross
draw2d.shape.icon.Cube
draw2d.shape.icon.Customer
draw2d.shape.icon.Db
draw2d.shape.icon.Detour
draw2d.shape.icon.Diagram
draw2d.shape.icon.Disconnect
draw2d.shape.icon.DockBottom
draw2d.shape.icon.DockLeft
draw2d.shape.icon.DockRight
draw2d.shape.icon.DockTop
draw2d.shape.icon.Dollar
draw2d.shape.icon.Download
draw2d.shape.icon.Dry
draw2d.shape.icon.Employee
draw2d.shape.icon.End
draw2d.shape.icon.Ethernet
draw2d.shape.icon.Exchange
draw2d.shape.icon.Expand
draw2d.shape.icon.Export
draw2d.shape.icon.Fave
draw2d.shape.icon.Feed
draw2d.shape.icon.Ff
draw2d.shape.icon.Firefox
draw2d.shape.icon.Flag
draw2d.shape.icon.Flickr
draw2d.shape.icon.Folder
draw2d.shape.icon.Font
draw2d.shape.icon.Fork
draw2d.shape.icon.ForkAlt
draw2d.shape.icon.FullCube
draw2d.shape.icon.Future
draw2d.shape.icon.GRaphael
draw2d.shape.icon.Gear
draw2d.shape.icon.Gear2
draw2d.shape.icon.GitHub
draw2d.shape.icon.GitHubAlt
draw2d.shape.icon.Glasses
draw2d.shape.icon.Globe
draw2d.shape.icon.GlobeAlt
draw2d.shape.icon.GlobeAlt2
draw2d.shape.icon.Hail
draw2d.shape.icon.Hammer
draw2d.shape.icon.HammerAndScrewDriver
draw2d.shape.icon.HangUp
draw2d.shape.icon.Help
draw2d.shape.icon.History
draw2d.shape.icon.Home
draw2d.shape.icon.IMac
draw2d.shape.icon.Icon
draw2d.shape.icon.Icons
draw2d.shape.icon.Ie
draw2d.shape.icon.Ie9
draw2d.shape.icon.Import
draw2d.shape.icon.Info
draw2d.shape.icon.InkScape
draw2d.shape.icon.Ipad
draw2d.shape.icon.Iphone
draw2d.shape.icon.JQuery
draw2d.shape.icon.Jigsaw
draw2d.shape.icon.Key
draw2d.shape.icon.Lab
draw2d.shape.icon.Lamp
draw2d.shape.icon.Lamp_alt
draw2d.shape.icon.Landing
draw2d.shape.icon.Landscape1
draw2d.shape.icon.Landscape2
draw2d.shape.icon.LineChart
draw2d.shape.icon.Link
draw2d.shape.icon.LinkedIn
draw2d.shape.icon.Linux
draw2d.shape.icon.List
draw2d.shape.icon.Location
draw2d.shape.icon.Lock
draw2d.shape.icon.Locked
draw2d.shape.icon.Magic
draw2d.shape.icon.Magnet
draw2d.shape.icon.Mail
draw2d.shape.icon.Man
draw2d.shape.icon.Merge
draw2d.shape.icon.Mic
draw2d.shape.icon.MicMute
draw2d.shape.icon.Minus
draw2d.shape.icon.NewWindow
draw2d.shape.icon.No
draw2d.shape.icon.NoMagnet
draw2d.shape.icon.NodeJs
draw2d.shape.icon.Notebook
draw2d.shape.icon.Noview
draw2d.shape.icon.Opera
draw2d.shape.icon.Package
draw2d.shape.icon.Page
draw2d.shape.icon.Page2
draw2d.shape.icon.Pallete
draw2d.shape.icon.Palm
draw2d.shape.icon.Paper
draw2d.shape.icon.Parent
draw2d.shape.icon.Pc
draw2d.shape.icon.Pen
draw2d.shape.icon.Pensil
draw2d.shape.icon.People
draw2d.shape.icon.Phone
draw2d.shape.icon.Photo
draw2d.shape.icon.Picker
draw2d.shape.icon.Picture
draw2d.shape.icon.PieChart
draw2d.shape.icon.Plane
draw2d.shape.icon.Plugin
draw2d.shape.icon.Plus
draw2d.shape.icon.Power
draw2d.shape.icon.Ppt
draw2d.shape.icon.Printer
draw2d.shape.icon.Question
draw2d.shape.icon.Question2
draw2d.shape.icon.Quote
draw2d.shape.icon.Rain
draw2d.shape.icon.Raphael
draw2d.shape.icon.ReflectH
draw2d.shape.icon.ReflectV
draw2d.shape.icon.Refresh
draw2d.shape.icon.Resize2
draw2d.shape.icon.Rotate
draw2d.shape.icon.Ruler
draw2d.shape.icon.Run
draw2d.shape.icon.Rw
draw2d.shape.icon.Safari
draw2d.shape.icon.ScrewDriver
draw2d.shape.icon.Search
draw2d.shape.icon.Sencha
draw2d.shape.icon.Settings
draw2d.shape.icon.SettingsAlt
draw2d.shape.icon.Shuffle
draw2d.shape.icon.Skull
draw2d.shape.icon.Skype
draw2d.shape.icon.SlideShare
draw2d.shape.icon.Smile
draw2d.shape.icon.Smile2
draw2d.shape.icon.Snow
draw2d.shape.icon.Split
draw2d.shape.icon.Star
draw2d.shape.icon.Star2
draw2d.shape.icon.Star2Off
draw2d.shape.icon.Star3
draw2d.shape.icon.Star3Off
draw2d.shape.icon.StarOff
draw2d.shape.icon.Start
draw2d.shape.icon.Sticker
draw2d.shape.icon.Stop
draw2d.shape.icon.StopSign
draw2d.shape.icon.StopWatch
draw2d.shape.icon.Sun
draw2d.shape.icon.Svg
draw2d.shape.icon.TShirt
draw2d.shape.icon.Tag
draw2d.shape.icon.TakeOff
draw2d.shape.icon.Talke
draw2d.shape.icon.Talkq
draw2d.shape.icon.Temp
draw2d.shape.icon.Thunder
draw2d.shape.icon.Trash
draw2d.shape.icon.Twitter
draw2d.shape.icon.TwitterBird
draw2d.shape.icon.Umbrella
draw2d.shape.icon.Undo
draw2d.shape.icon.Unlock
draw2d.shape.icon.Usb
draw2d.shape.icon.User
draw2d.shape.icon.Users
draw2d.shape.icon.Video
draw2d.shape.icon.View
draw2d.shape.icon.Vim
draw2d.shape.icon.Volume0
draw2d.shape.icon.Volume1
draw2d.shape.icon.Volume2
draw2d.shape.icon.Volume3
draw2d.shape.icon.Warning
draw2d.shape.icon.WheelChair
draw2d.shape.icon.Windows
draw2d.shape.icon.Woman
draw2d.shape.icon.Wrench
draw2d.shape.icon.Wrench2
draw2d.shape.icon.Wrench3
draw2d.shape.icon.ZoomIn
draw2d.shape.icon.ZoomOut
draw2d.shape.layout.HorizontalLayout
draw2d.shape.layout.Layout
draw2d.shape.layout.VerticalLayout
draw2d.shape.node.Between
draw2d.shape.node.End
draw2d.shape.node.Fulcrum
draw2d.shape.node.HorizontalBus
draw2d.shape.node.Hub
draw2d.shape.node.Node
draw2d.shape.node.Start
draw2d.shape.node.VerticalBus
draw2d.shape.note.PostIt
draw2d.shape.pert.Activity
draw2d.shape.state.Connection
draw2d.shape.state.End
draw2d.shape.state.Start
draw2d.shape.state.State
draw2d.shape.widget.Slider
draw2d.shape.widget.Widget
storage
draw2d.storage.FileStorage
draw2d.storage.GoogleDrive
draw2d.storage.LocalFileStorage
draw2d.storage.TideSDKStorage
ui
draw2d.ui.LabelEditor
draw2d.ui.LabelInplaceEditor
util
draw2d.util.ArrayList
draw2d.util.Color
draw2d.util.UUID
draw2d.util.spline.BezierSpline
draw2d.util.spline.CatmullRomSpline
draw2d.util.spline.CubicSpline
draw2d.util.spline.Spline
Others...
draw2d.Canvas
draw2d.Corona
draw2d.Figure
draw2d.HybridPort
draw2d.InputPort
draw2d.OutputPort
draw2d.Port
draw2d.ResizeHandle
draw2d.SVGFigure
draw2d.Selection
draw2d.SetFigure
draw2d.VectorFigure
Others...
Others...
global
Imports and basic setup
Doctype
Required Imports
Initializing Draw2D
Basic Concepts
Nodes
Ports
Connectors
Anchors
Locators
Create simple Shapes
Inherit from SetFigure
Inherit from SVGFigure
Tweaking the Default
Drag&Drop call sequence
Connection creation