Embed

Rich text document content grammar (BNF): doc = (paragraph | bulletList | orderedList)* bulletList = listItem* orderedList = listItem* paragraph = (text | hardBreak)* listItem = paragraph text = hardBreak =

Rich text document content (this.text) look like: { “type”: “doc”, “content”: [ { “type”: “paragraph”, “content”: [ { “type”: “text”, “text”: “asdf asdf” }, { “type”: “text”, “marks”: [{ “type”: “strong” }], “text”: “sadflkj” }, … ] } … ] }

Inherited from

Box.text

Source

shapes.ts:1357

textEditable

textEditable: boolean

Text editable

Inherited from

Box.textEditable

Source

shapes.ts:1327

top

top: number

Shape’s top position

Inherited from

Box.top

Source

shapes.ts:228

type

type: string

Inherited from

Box.type

Source

core/obj.ts:12

vertAlign

vertAlign: VertAlignEnum

Text vertical alignment

Inherited from

Box.vertAlign

Source

shapes.ts:1372

visible

visible: boolean

Visible flag

Inherited from

Box.visible

Source

shapes.ts:183

width

width: number

Shape’s width

Inherited from

Box.width

Source

shapes.ts:233

wordWrap

wordWrap: boolean

Word wrap

Inherited from

Box.wordWrap

Source

shapes.ts:1362

Accessors

bottom

get bottom(): number

Returns

number

Source

shapes.ts:536

innerBottom

get innerBottom(): number

Returns

number

Source

shapes.ts:1464

innerHeight

get innerHeight(): number

Returns

number

Source

shapes.ts:1472

innerLeft

get innerLeft(): number

Returns

number

Source

shapes.ts:1452

innerRight

get innerRight(): number

Returns

number

Source

shapes.ts:1456

innerTop

get innerTop(): number

Returns

number

Source

shapes.ts:1460

innerWidth

get innerWidth(): number

Returns

number

Source

shapes.ts:1468

right

get right(): number

Returns

number

Source

shapes.ts:532

Methods

assignStyles()

assignStyles(canvas): void

Assign styles to memoization canvas.

Parameters

• canvas: MemoizationCanvas

Returns

void

Inherited from

Box.assignStyles

Source

shapes.ts:626

canContain()

canContain(shape): boolean

Determine a given shape can be contained in this shape

Parameters

• shape: Shape

Returns

boolean

Inherited from

Box.canContain

Source

shapes.ts:1080

computeOpacity()

computeOpacity(): number

Returns

number

Inherited from

Box.computeOpacity

Source

shapes.ts:616

containsPoint()

containsPoint(canvas, point): boolean

Determines whether this shape contains a point in GCS

Parameters

• canvas: Canvas

• point: number[]

Returns

boolean

Inherited from

Box.containsPoint

Source

shapes.ts:941

draw()

draw(canvas, showDOM): void

Draw this shape

Render vs Draw

Render: computing geometries how to draw the shape
Draw: actual drawing the computed geometries of the shape on the canvas

Parameters

• canvas: Canvas

• showDOM: boolean= false

Returns

void

Inherited from

Box.draw

Source

shapes.ts:772

drawFrame()

drawFrame(canvas, showDOM): void

Determines whether this shape contains a point in GCS

Parameters

• canvas: Canvas

• showDOM: boolean= false

Returns

void

Source

shapes.ts:3233

drawLink()

drawLink(canvas, showDOM): void

Draw link

Parameters

• canvas: Canvas

• showDOM: boolean= false

Returns

void

Inherited from

Box.drawLink

Source

shapes.ts:786

finalize()

finalize(canvas): void

Finalize shape

Parameters

• canvas: Canvas

Returns

void

Overrides

Box.finalize

Source

shapes.ts:3198

find()

find(pred): null | Obj

Find an shape in breath-first order

Parameters

• pred

Returns

null | Obj

Inherited from

Box.find

Source

core/obj.ts:106

findAllByQuery()

findAllByQuery(queryString): Shape[]

Find all shapes matched with the query string

Parameters

• queryString: string

Returns

Shape[]

Inherited from

Box.findAllByQuery

Source

shapes.ts:1070

findByQuery()

findByQuery(queryString): null | Shape

Find a shape first matched with the query string

Parameters

• queryString: any

Returns

null | Shape

Inherited from

Box.findByQuery

Source

shapes.ts:1057

findDepthFirst()

findDepthFirst(pred): null | Obj

Find an shape in depth-first order

Parameters

• pred

Returns

null | Obj

Inherited from

Box.findDepthFirst

Source

core/obj.ts:119

findParent()

findParent(pred): null | Obj

Find a shape along with the parent-chain

Parameters

• pred

Returns

null | Obj

Inherited from

Box.findParent

Source

core/obj.ts:132

fromJSON()

fromJSON(json): void

Import shape from JSON

Parameters

• json: any

Returns

void

Overrides

Box.fromJSON

Source

shapes.ts:3212

getAnchorVector()

getAnchorVector(canvas): number[][]

Return the anchor vector based on this.anchorPosition. The anchor vector provides the start point and end point to derive the base angle. The shape will be rotated as the angle of (base angle + anchor angle) at start point.

(shape)
\ <— anchorLength
o --------------------> o | (anchor vector) | | | vector[0] vector[1]

Parameters

• canvas: Canvas

Returns

number[][]

Inherited from

Box.getAnchorVector

Source

shapes.ts:1812

getBoundingRect()

getBoundingRect(includeAnchorPoints): number[][]

Return a bounding rect.

Parameters

• includeAnchorPoints: boolean= false

Returns

number[][]

Inherited from

Box.getBoundingRect

Source

shapes.ts:833

getCenter()

getCenter(): number[]

Returns the center point

Returns

number[]

Inherited from

Box.getCenter

Source

shapes.ts:826

getChildrenBoundingRect()

getChildrenBoundingRect(): number[][]

Return a bounding box embracing children shapes

Returns

number[][]

Inherited from

Box.getChildrenBoundingRect

Source

shapes.ts:894

getEnclosure()

getEnclosure(): number[][]

Return a enclosure

Returns

number[][]

Inherited from

Box.getEnclosure

Source

shapes.ts:928

getOutline()

getOutline(): number[][]

Return outline polygon.

Returns

number[][]

Inherited from

Box.getOutline

Source

shapes.ts:761

getPage()

getPage(): null | Page

Return the page that contains this shape

Returns

null | Page

Inherited from

Box.getPage

Source

shapes.ts:528

getProperty()

getProperty(name): any

Get a property object

Parameters

• name: string

Returns

any

Inherited from

Box.getProperty

Source

shapes.ts:1092

getPropertyValue()

getPropertyValue(name): any

Get a property value

Parameters

• name: string

Returns

any

Inherited from

Box.getPropertyValue

Source

shapes.ts:1102

getRectInDCS()

getRectInDCS(canvas, includeAnchorPoints): number[][]

Return a bounding box in DOM coord.

[Note] If you want to place DOM elements over the canvas, use this method. and don’t forget to apply transform scale to the DOM element.

Parameters

• canvas: Canvas

• includeAnchorPoints: boolean= false

Returns

number[][]

Inherited from

Box.getRectInDCS

Source

shapes.ts:907

getScript()

getScript(id): undefined | string

Get a property object

Parameters

• id: string

Returns

undefined | string

Inherited from

Box.getScript

Source

shapes.ts:1110

getSeed()

getSeed(): number

Return the seed number

Returns

number

Inherited from

Box.getSeed

Source

shapes.ts:543

getShapeAt()

getShapeAt(canvas, point, exceptions, allowDisabledAndInvisible): null | Shape

Pick a shape at specific position (x, y)

Parameters

• canvas: Canvas

• point: number[]

• exceptions: Shape[]= []

• allowDisabledAndInvisible: boolean= false

Returns

null | Shape

Inherited from

Box.getShapeAt

Source

shapes.ts:576

getViewport()

getViewport(canvas): number[][]

Return a viewport in GCS. Viewport is a rect that includes actually drawn area which includes stroke width, arrowheads, etc. So viewport is mostly larger than bounding rect.

Parameters

• canvas: Canvas

Returns

number[][]

Inherited from

Box.getViewport

Source

shapes.ts:884

initialze()

initialze(canvas): void

Initialize shape

Parameters

• canvas: Canvas

Returns

void

Inherited from

Box.initialze

Source

shapes.ts:551

isDescendant()

isDescendant(obj): boolean

Test whether the given shape is a descendant

Parameters

• obj: Obj

Returns

boolean

Inherited from

Box.isDescendant

Source

core/obj.ts:142

localCoordTransform()

localCoordTransform(canvas, point, recursive): number[]

Transform local coord to parent’s coord (LCS —> parent’s LCS) if recursive=true, transform to GCS (Global coord-system).

Parameters

• canvas: Canvas

• point: number[]

• recursive: boolean= false

Returns

number[]

Inherited from

Box.localCoordTransform

Source

shapes.ts:662

localCoordTransformRev()

localCoordTransformRev(canvas, point, recursive): number[]

Transform parent’s coord to local coord (parent’s LCS —> LCS) if recursive=true, transform GCS (Global coord-system) —> LCS.

Parameters

• canvas: Canvas

• point: number[]

• recursive: boolean= false

Returns

number[]

Inherited from

Box.localCoordTransformRev

Source

shapes.ts:682

localTransform()

localTransform(canvas, recursive): void

Transform local context to parent’s context

Parameters

• canvas: Canvas

• recursive: boolean= false

Returns

void

Inherited from

Box.localTransform

Source

shapes.ts:646

match()

match(query): boolean

Returns true if query matches this shape

Parameters

• query: object[]

Returns

boolean

Inherited from

Box.match

Source

shapes.ts:1033

overlapClippingArea()

overlapClippingArea(canvas, rect): boolean

Determines whether the given rect overlaps this shape’s clipping area. If the shape don’t have clipping area, return true. If the shape has clipping area, return true if the rect overlaps the clipping area. (e.g. Frame)

Parameters

• canvas: Canvas

• rect: number[][]

Returns

boolean

Inherited from

Box.overlapClippingArea

Source

shapes.ts:964

overlapRect()

overlapRect(canvas, rect): boolean

Determines whether this shape overlaps a given rect

Parameters

• canvas: Canvas

• rect: number[][]

Returns

boolean

Inherited from

Box.overlapRect

Source

shapes.ts:971

parseQueryString()

parseQueryString(queryString): any[]

Parse the query-string and returns a query object (JSON)

Query syntax: = [”|” ]* = [”&” ]* = | = e.g.) OuterBox, NameText, … = ”@” e.g.) @Box, @Text, @Line, … = ”#” e.g.) #label, #compartment, …

e.g.) parseQuery(“@Box|NameText|@Text&#compartment”) —> [{_type: “Box”},{name: “NameText”},{_type: “Text”, tag:“compartment”}]

Parameters

• queryString: string

Returns

any[]

query object

Inherited from

Box.parseQueryString

Source

shapes.ts:1008

preprocess()

preprocess(doc, wordWrap, width, listIndent): void

Preprocess document (handle wordWrap and hardBreak) options: wordWrap: boolean width: number listIndent: number

Preprocessed document content grammar (BNF): doc = (paragraph | bulletList | orderedList)* orderedList [width, height] = listItem* bulletList [width, height] = listItem* listItem [width, height] = paragraph paragraph [width, height] = line* line [width, height] = text* text [width, height] =

Parameters

• doc: any

• wordWrap: boolean

• width: number

• listIndent: number

Returns

void

Inherited from

Box.preprocess

Source

shapes.ts:1706

render()

render(canvas): void

Render this shape

Render vs Draw

Render: computing geometries how to draw the shape
Draw: actual drawing the computed geometries of the shape on the canvas

Parameters

• canvas: MemoizationCanvas

Returns

void

Inherited from

Box.render

Source

shapes.ts:705

renderBorders()

renderBorders(canvas, x1, y1, x2, y2): void

Parameters

• canvas: MemoizationCanvas

• x1: number

• y1: number

• x2: number

• y2: number

Returns

void

Inherited from

Box.renderBorders

Source

shapes.ts:1476

renderDefault()

renderDefault(canvas, showDOM): void

Default render this shape

Parameters

• canvas: MemoizationCanvas

• showDOM: boolean= false

Returns

void

Overrides

Box.renderDefault

Source

shapes.ts:3266

renderOutline()

renderOutline(canvas): void

Render this shape’s outline

Parameters

• canvas: MemoizationCanvas

Returns

void

Inherited from

Box.renderOutline

Source

shapes.ts:730

renderOutlineDefault()

renderOutlineDefault(canvas): number[][]

Return outline polygon

Parameters

• canvas: MemoizationCanvas

Returns

number[][]

Inherited from

Box.renderOutlineDefault

Source

shapes.ts:1787

renderShadow()

renderShadow(canvas): void

Render shadow

Parameters

• canvas: MemoizationCanvas

Returns

void

Inherited from

Box.renderShadow

Source

shapes.ts:1669

renderText()

renderText(canvas): void

Render text

Parameters

• canvas: MemoizationCanvas

Returns

void

Inherited from

Box.renderText

Source

shapes.ts:1660

renderViewport()

renderViewport(canvas): void

Return this shape’s viewport

Parameters

• canvas: MemoizationCanvas

Returns

void

Inherited from

Box.renderViewport

Source

shapes.ts:843

renderViewportDefault()

renderViewportDefault(canvas): number[][]

Render default viewport

Parameters

• canvas: MemoizationCanvas

Returns

number[][]

Inherited from

Box.renderViewportDefault

Source

shapes.ts:862

resolveRefs()

resolveRefs(idMap, nullIfNotFound): void

Resolve references

Parameters

• idMap: Record<string, Shape>

id to object map

• nullIfNotFound: boolean= false

assign null if not found

Returns

void

Inherited from

Box.resolveRefs

Source

shapes.ts:514

toJSON()

toJSON(recursive, keepRefs): any

Export shape to JSON

Parameters

• recursive: boolean= false

• keepRefs: boolean= false

Returns

any

Overrides

Box.toJSON

Source

shapes.ts:3206

traverse()

traverse(fun, parent): void

Traverse all objects in breath-first order

Parameters

• fun

• parent: null | Obj= null

Returns

void

Inherited from

Box.traverse

Source

core/obj.ts:60

traverseDepthFirst()

traverseDepthFirst(fun, parent): void

Traverse all shapes in depth-first order

Parameters

• fun

• parent: null | Obj= null

Returns

void

Inherited from

Box.traverseDepthFirst

Source

core/obj.ts:74

traverseDepthFirstSequence()

traverseDepthFirstSequence(): Obj[]

Returns an array of shapes in order of traverse sequence.

Returns

Obj[]

Inherited from

Box.traverseDepthFirstSequence

Source

core/obj.ts:97

traverseSequence()

traverseSequence(): Obj[]

Returns an array of shapes in order of traverse sequence.

Returns

Obj[]

Inherited from

Box.traverseSequence

Source

core/obj.ts:88

update()

update(canvas): void

Update shape

Parameters

• canvas: Canvas

Returns

void

Inherited from

Box.update

Source

shapes.ts:566

visit()

visit(fun, parent): void

Visit all shapes in breath-first order. The difference from traverse() is that each shape determine visit into children or not. (e.g. Group and Frame doens’t visit into children)

Parameters

• fun

• parent: null | Shape= null

Returns

void

Inherited from

Box.visit

Source

shapes.ts:605

wordWrapTextSize()

wordWrapTextSize(canvas, wordWrap, width): number[]

Compute size of text with word-wrap and new line chars

Parameters

• canvas: Canvas

• wordWrap: boolean

• width: number

Returns

number[]

Inherited from

Box.wordWrapTextSize

Source

shapes.ts:1711

Embed

Extends

Constructors

new Embed()

Returns

Overrides

Source

Properties

anchorAngle

Inherited from

Source

anchorLength

Inherited from

Source

anchorPosition

Inherited from

Source

anchored

Inherited from

Source

borderPosition

Inherited from

Source

borders

Inherited from

Source

children

Inherited from

Source

connectable

Inherited from

Source

constraints

Inherited from

Source

containable

Inherited from

Source

containableFilter

Inherited from

Source

corners

Inherited from

Source

description

Inherited from

Source

enable

Inherited from

Source

fillColor

Inherited from

Source

fillStyle

Inherited from

Source

fontColor

Inherited from

Source

fontFamily

Inherited from

Source

fontSize

Inherited from

Source

fontStyle

Inherited from

Source

fontWeight

Inherited from

Source

height

Inherited from

Source

horzAlign

Inherited from

Source

id

Inherited from

Source