API
Ƭ CanvasCreator: function
Parameters:
Name | Type |
---|---|
options |
Ƭ DeepReadonly: T extends Primitive ? T : DeepReadonlyObject‹T›
Ƭ DeepReadonlyObject: object
Ƭ DimensionInput: string | number | undefined | null
Ƭ FontStyle: "normal" | "italic" | "oblique"
Ƭ FontVariant: "normal" | "small-caps"
Ƭ FontWeight: "normal" | "bold" | "bolder" | "lighter" | 100 | "100" | 200 | "200" | 300 | "300" | 400 | "400" | 500 | "500" | 600 | "600" | 700 | "700" | 800 | "800" | 900 | "900"
Ƭ Id: number | string
Ƭ ImageClass: object
Ƭ OnAreaSelectListener: function
Parameters:
Name | Type |
---|---|
areaSelectEvent |
Ƭ OnDragListener: function
Parameters:
Name | Type |
---|---|
dragEvent |
Ƭ OnScaleListener: function
Parameters:
Name | Type |
---|---|
scaleEvent |
Ƭ Primitive: string | number | boolean | undefined | null
Ƭ SupportedDomPointerEvent: MouseEvent | WheelEvent | TouchEvent
• DEBUG_POINTER_EVENTS: false = false
• DEFAULT_POINTER_COUNT: 1 = 1
• MATCH_PARENT: -1 = -1
• PARENT_ID: -1 = -1
• WHEEL_SCROLL_SPAN: 100 = 100
• WRAP_CONTENT: -2 = -2
• colorRegex: RegExp‹› = /^(?:#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2}))|(?:#([0-9a-f])([0-9a-f])([0-9a-f]))|(?:rgb((\d+),\s*(\d+),\s*(\d+)))|(?:rgba((\d+),\s*(\d+),\s*(\d+),\s*(\d*.?\d+)))$/i
• defaultImageClass: undefined | object = (() => { try { // Browsers default return Image; } catch { return undefined; } })()
• isBrowser: false | requestAnimationFrame & requestAnimationFrame = typeof window !== 'undefined' && window.requestAnimationFrame
• supportedDomPointerEvents: ("touchmove" | "mousemove" | "mousedown" | "touchstart" | "mouseover" | "mouseenter" | "touchcancel" | "mouseout" | "mouseup" | "touchend" | "wheel")[] = [ 'touchmove', 'mousemove', 'mousedown', 'touchstart', 'mouseover', 'mouseenter', 'touchcancel', 'mouseout', 'mouseup', 'touchend', 'wheel', ]
Parameters:
Name | Type |
---|---|
dimension | |
parentDimension | number |
Returns: undefined | number
Parameters:
Name | Type |
---|---|
view |
Returns: EventListener
Type parameters:
▪ K: string
Parameters:
Name | Type |
---|---|
t |
Returns: object
Type parameters:
▪ T
Parameters:
Name | Type |
---|---|
object | T |
▸ defaultCanvasCreator(
__namedParameters
: object): HTMLCanvasElementParameters:
▪ __namedParameters: object
Name | Type |
---|---|
height | number |
width | number |
Returns: HTMLCanvasElement
Parameters:
Name | Type |
---|---|
event | Event |
Parameters:
Name | Type |
---|---|
id |
Returns: id is number
Parameters:
Name | Type |
---|---|
pointerEvent | |
view | |
event | Event |
Returns: void
▸ getBox(
width
: number, height
: number, scale
: number): objectParameters:
Name | Type |
---|---|
width | number |
height | number |
scale | number |
Returns: object
- str: string =
+
- style: string =
font-size: 1px; padding: ${isSafari() ? height * scale / 2 : 0}px ${Math.floor(width * scale / 2)}px; color: transparent; line-height: ${height * scale}px;
Parameters:
Name | Type |
---|---|
element | HTMLElement |
offset |
Parameters:
Name | Type |
---|---|
lp |
Returns: number[]
Parameters:
Name | Type |
---|---|
color |
Returns: boolean
▸ isChrome(): boolean
Returns: boolean
▸ isMouseEvent(
event
: Event): event is MouseEventParameters:
Name | Type |
---|---|
event | Event |
Returns: event is MouseEvent
▸ isSafari(): boolean
Returns: boolean
▸ isTouchEvent(
event
: Event): event is TouchEventParameters:
Name | Type |
---|---|
event | Event |
Returns: event is TouchEvent
▸ isWheelEvent(
event
: Event): event is WheelEventParameters:
Name | Type |
---|---|
event | Event |
Returns: event is WheelEvent
Parameters:
Name | Type |
---|---|
pointerEvent |
Returns: void
Parameters:
Name | Type | Default |
---|---|---|
view | - | |
scale | number | 1 |
Returns: void
Parameters:
Name | Type |
---|---|
c |
Returns: number
Parameters:
Name | Type |
---|---|
event | MouseEvent |
offset | |
canvasPointer |
Returns: void
▸ noContextError(): Error
Returns: Error
Parameters:
Name | Type |
---|---|
radius |
▸ parseColor(
colorString
: string | undefined): typeof colorString extends undefined ? undefined : Color | undefinedParameters:
Name | Type |
---|---|
colorString | string | undefined |
Returns: typeof colorString extends undefined ? undefined : Color | undefined
Parameters:
Name | Type |
---|---|
value |
▸ parseFont(
__namedParameters
: object): stringParameters:
▪ __namedParameters: object
Name | Type |
---|---|
fontFamily | string |
fontSize | number |
fontStyle | undefined | "normal" | "italic" | "oblique" |
fontVariant | undefined | "normal" | "small-caps" |
fontWeight | undefined | "normal" | "bold" | "bolder" | "lighter" | 100 | "100" | 200 | "200" | 300 | "300" | 400 | "400" | 500 | "500" | 600 | "600" | 700 | "700" | 800 | "800" | 900 | "900" |
Returns: string
▸ registerEventDispatcher(
element
: Element, dispatcher
: EventListener): (Anonymous function)Parameters:
Name | Type |
---|---|
element | Element |
dispatcher | EventListener |
Returns: (Anonymous function)
Parameters:
Name |
---|