modern-canvas 0.1.0 → 0.1.2

package/dist/index.d.cts

@@ -1,7 +1,7 @@
-import { Visibility, Overflow, FontWeight, FontStyle, FontKerning, TextWrap, TextAlign, VerticalAlign, TextTransform, TextDecoration, WritingMode, IDOCTextContent, IDOCStyleDeclaration } from 'modern-idoc';
+import { Visibility, Overflow, IDOCTextStyleDeclaration, IDOCTransformStyleDeclaration } from 'modern-idoc';
 import { AnyColor, Colord } from 'colord';
 import { AnimationItem } from 'lottie-web';
-import { MeasureResult } from 'modern-text';
+import { TextOptions, Text, MeasureResult } from 'modern-text';
 import { Font } from 'modern-font';
 
 interface CssFunctionArg {
@@ -1846,7 +1846,7 @@ declare class CanvasContext {
     toBatchables(): CanvasBatchable[];
 }
 
-interface Style2DOptions extends Partial<Style2DBackgroundProperties>, Partial<Style2DFilterProperties>, Partial<Style2DOffsetProperties>, Partial<Style2DTextProperties>, Partial<Style2DTransformProperties> {
+interface Style2DOptions extends Partial<Style2DBackgroundProperties>, Partial<Style2DFilterProperties>, Partial<Style2DTextProperties>, Partial<Style2DTransformProperties> {
     shadowColor?: string;
     shadowOffsetX?: number;
     shadowOffsetY?: number;
@@ -1855,7 +1855,7 @@ interface Style2DOptions extends Partial<Style2DBackgroundProperties>, Partial<S
     borderRadius?: number;
     overflow?: Overflow;
 }
-interface Style2D extends Style2DBackgroundExtend, Style2DFilterExtend, Style2DOffsetExtend, Style2DTextExtend, Style2DTransformExtend {
+interface Style2D extends Style2DBackgroundExtend, Style2DFilterExtend, Style2DTextExtend, Style2DTransformExtend {
 }
 declare class Style2D extends _Object {
     shadowColor: string;
@@ -1878,12 +1878,12 @@ interface Style2DBackgroundProperties {
     backgroundImage?: string;
 }
 interface Style2DBackgroundExtend extends Style2DBackgroundProperties {
-    getComputedBackground: typeof getComputedBackground;
+    getComputedBackgroundImage: typeof getComputedBackgroundImage;
 }
 declare class Style2DBackgroundModule extends Style2DModule {
     install(Style2D: new () => Style2D): void;
 }
-declare function getComputedBackground(this: Style2D): Promise<ColorTexture | undefined>;
+declare function getComputedBackgroundImage(this: Style2D): Promise<Texture<ImageBitmap> | undefined>;
 
 type Style2DFilterKey = 'hue-rotate' | 'saturate' | 'brightness' | 'contrast' | 'invert' | 'sepia' | 'opacity' | 'grayscale';
 type Style2DFilter = Record<Style2DFilterKey, number>;
@@ -1900,45 +1900,8 @@ declare class Style2DFilterModule extends Style2DModule {
 declare function getComputedFilter(this: Style2D): Style2DFilter;
 declare function getComputedFilterColorMatrix(this: Style2D): ColorMatrix;
 
-interface Style2DOffsetProperties {
-    offsetPath?: string;
-    offsetAnchor?: string | number;
-    offsetDistance?: string | number;
-    offsetPosition?: string | number;
-}
-interface Style2DOffsetExtend extends Style2DOffsetProperties {
-    getComputedOffset: typeof getComputedOffset;
-}
-declare module '../Style2D' {
-    interface Style2DOptions extends Partial<Style2DOffsetProperties> {
-    }
-    interface Style2D extends Style2DOffsetProperties {
-        getComputedOffset: typeof getComputedOffset;
-    }
-}
-declare class Style2DOffsetModule extends Style2DModule {
-    install(Style2D: new () => Style2D): void;
-}
-declare function getComputedOffset(this: Style2D): void;
-
-interface Style2DTextProperties {
-    color: string;
-    fontSize: number;
-    fontWeight: FontWeight;
-    fontFamily: string;
-    fontStyle: FontStyle;
-    fontKerning: FontKerning;
-    textWrap: TextWrap;
-    textAlign: TextAlign;
-    verticalAlign: VerticalAlign;
-    textTransform: TextTransform;
-    textDecoration: TextDecoration | null;
-    textStrokeWidth: number;
-    textStrokeColor: string;
+interface Style2DTextProperties extends IDOCTextStyleDeclaration {
     direction: 'inherit' | 'ltr' | 'rtl';
-    lineHeight: number;
-    letterSpacing: number;
-    writingMode: WritingMode;
 }
 interface Style2DTextExtend extends Style2DTextProperties {
 }
@@ -1946,16 +1909,7 @@ declare class Style2DTextModule extends Style2DModule {
     install(Style2D: new () => Style2D): void;
 }
 
-interface Style2DTransformProperties {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-    rotate: number;
-    scaleX: number;
-    scaleY: number;
-    transform?: string;
-    transformOrigin: string;
+interface Style2DTransformProperties extends IDOCTransformStyleDeclaration {
 }
 interface Style2DTransformExtend extends Style2DTransformProperties {
     getComputedTransform: typeof getComputedTransform;
@@ -1983,11 +1937,12 @@ declare class CanvasItem extends Node {
     protected _parentOpacity?: number;
     protected _tint: Color;
     protected _backgroundColor: Color;
+    protected _backgroundImage?: Texture;
     context: CanvasContext;
     protected _resetContext: boolean;
-    protected _waitingRedraw: boolean;
-    protected _waitingReflow: boolean;
-    protected _waitingRepaint: boolean;
+    protected _redrawing: boolean;
+    protected _reflowing: boolean;
+    protected _repainting: boolean;
     protected _originalBatchables: CanvasBatchable[];
     protected _layoutedBatchables: CanvasBatchable[];
     protected _batchables: CanvasBatchable[];
@@ -1995,6 +1950,8 @@ declare class CanvasItem extends Node {
     setProperties(properties?: Record<PropertyKey, any>): this;
     protected _onUpdateProperty(key: PropertyKey, newValue: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _onUpdateStyleProperty(key: PropertyKey, newValue: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateBackgroundColor(): void;
+    protected _updateBackgroundImage(): Promise<void>;
     protected _updateOpacity(): void;
     isVisible(): boolean;
     requestRedraw(): void;
@@ -2002,6 +1959,9 @@ declare class CanvasItem extends Node {
     requestRepaint(): void;
     protected _process(delta: number): void;
     protected _draw(): void;
+    protected _drawBackground(): void;
+    protected _drawContent(): void;
+    protected _fill(): void;
     protected _relayout(batchables: CanvasBatchable[]): CanvasBatchable[];
     protected _reflow(batchables: CanvasBatchable[]): CanvasBatchable[];
     protected _repaint(batchables: CanvasBatchable[]): CanvasBatchable[];
@@ -2018,29 +1978,13 @@ declare class Node2D extends CanvasItem {
     getBoundingBox(): Rectangle;
     protected _onUpdateStyleProperty(key: PropertyKey, value: any, oldValue: any): void;
     protected _updateTransform(): void;
+    protected _updateOverflow(): void;
     protected _transformVertices(vertices: number[]): number[];
     protected _reflow(batchables: CanvasBatchable[]): CanvasBatchable[];
     protected _process(delta: number): void;
     input(event: UIEvent): void;
 }
 
-interface Element2DOptions extends Node2DOptions {
-    draggable?: boolean;
-}
-declare class Element2D extends Node2D {
-    draggable?: boolean;
-    protected _background?: Texture;
-    constructor(options?: Element2DOptions);
-    protected _onUpdateStyleProperty(key: PropertyKey, value: any, oldValue: any): void;
-    protected _updateBackground(): Promise<void>;
-    protected _updateTransform(): void;
-    protected _updateOverflow(): void;
-    protected _draw(): void;
-    protected _drawBackground(): void;
-    protected _drawContent(): void;
-    protected _drawRect(): void;
-}
-
 declare class Graphics2D extends Node2D {
     protected _resetContext: boolean;
     lineCap?: LineCap;
@@ -2077,11 +2021,11 @@ declare class Image2DResource extends Resource {
     destroy(): void;
 }
 
-interface Image2DOptions extends Element2DOptions {
+interface Image2DOptions extends Node2DOptions {
     src?: string;
     gif?: boolean;
 }
-declare class Image2D extends Element2D {
+declare class Image2D extends Node2D {
     resource?: Image2DResource;
     gif: boolean;
     src: string;
@@ -2105,11 +2049,11 @@ declare class Image2D extends Element2D {
     protected _repaint(batchables: CanvasBatchable[]): CanvasBatchable[];
 }
 
-interface LottieOptions extends Element2DOptions {
+interface LottieOptions extends Node2DOptions {
     pixelRatio?: number;
     src?: string;
 }
-declare class Lottie2D extends Element2D {
+declare class Lottie2D extends Node2D {
     pixelRatio: number;
     src: string;
     duration: number;
@@ -2123,21 +2067,33 @@ declare class Lottie2D extends Element2D {
     protected _drawContent(): void;
 }
 
-interface Text2DOptions extends Element2DOptions {
+interface Text2DOptions extends Node2DOptions, Omit<TextOptions, 'style'> {
     pixelRatio?: number;
     split?: boolean;
-    content?: IDOCTextContent;
-    effects?: Partial<IDOCStyleDeclaration>[];
 }
-declare class Text2D extends Element2D {
+/**
+ * @example
+ *
+ * new Text2D({
+ *   style: {
+ *     fontSize: 20,
+ *   },
+ *   content: 'Text2D',
+ * })
+ */
+declare class Text2D extends Node2D {
     pixelRatio: number;
     split: boolean;
-    content: IDOCTextContent;
-    effects?: Partial<IDOCStyleDeclaration>[];
+    content: TextOptions['content'];
+    effects?: TextOptions['effects'];
+    measureDom?: TextOptions['measureDom'];
+    fonts?: TextOptions['fonts'];
+    text: Text;
     readonly texture: Texture<HTMLCanvasElement>;
     protected _subTextsCount: number;
     constructor(options?: Text2DOptions);
     protected _onUpdateProperty(key: PropertyKey, value: any, oldValue: any): void;
+    protected _updateText(): void;
     protected _onUpdateStyleProperty(key: PropertyKey, value: any, oldValue: any): void;
     protected _getSubTexts(): Text2D[];
     protected _updateSubTexts(): void;
@@ -2146,10 +2102,10 @@ declare class Text2D extends Element2D {
     protected _drawContent(): void;
 }
 
-interface Video2DOptions extends Element2DOptions {
+interface Video2DOptions extends Node2DOptions {
     src?: string;
 }
-declare class Video2D extends Element2D {
+declare class Video2D extends Node2D {
     src: string;
     texture?: VideoTexture;
     get duration(): number;
@@ -2528,15 +2484,15 @@ declare class Audio extends Node {
     protected _setTimeStop(): void;
 }
 
-declare class AudioSpectrum extends Element2D {
+declare class AudioSpectrum extends Node2D {
 }
 
-interface AudioWaveformOptions extends Element2DOptions {
+interface AudioWaveformOptions extends Node2DOptions {
     src?: string;
     gap?: number;
     color?: string;
 }
-declare class AudioWaveform extends Element2D {
+declare class AudioWaveform extends Node2D {
     src?: string;
     gap: number;
     color: string;
@@ -3112,4 +3068,4 @@ interface RenderOptions {
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 
-export { Animation2D, type AnimationOptions, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformOptions, type Batchable2D, BlurEffect, Bounds, type BoundsData, type CanvasBatchable, CanvasContext, CanvasItem, type CanvasItemOptions, Circle, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectOptions, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, type CssFunction, type CssFunctionArg, type Cursor, type CustomNodeOptions, DEG_TO_RAD, DEVICE_PIXEL_RATIO, type Easing, Effect, type EffectContext, EffectMaterial, type EffectMode, type EffectOptions, Element2D, type Element2DOptions, Ellipse, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DOptions, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InternalMode, JsonLoader, KawaseEffect, type Keyframe, LeftEraseEffect, type LineCap, type LineJoin, type LineStyle, Loader, Lottie2D, LottieLoader, type LottieOptions, MainLoop, type MainLoopEventMap, type MaskColor, type MaskData, MaskEffect, type MaskEffectOptions, type MaskObject, type MaskRect, type Maskable, Material, type MaterialOptions, Matrix, Matrix2, Matrix3, Matrix4, type MatrixLike, type MatrixOperateOutput, MouseInputEvent, Node, Node2D, type Node2DOptions, type NodeEventMap, type NodeOptions, type NormalizedKeyframe, PI, PI_2, Path2D, type Path2DCall, type Path2DCallMethod, type Path2DShape, PixelateEffect, PixelsTexture, type PlatformAudio, type PlatformSound, Point, type PointData, type PointLike, PointerInputEvent, Polygon, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Rectangle, Reference, type ReferenceEventMap, type RenderCall, type RenderOptions, RenderStack, type Renderable, Renderer, Resource, type ResourceEventMap, RoundedRectangle, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, SVGPath, type SVGPathDefine, type SVGPathDefineCommand, SceneTree, type SceneTreeEventMap, type Shape, type ShapeBuildCommand, Star, type StrokedGraphics, Style2D, type Style2DBackgroundExtend, Style2DBackgroundModule, type Style2DBackgroundProperties, type Style2DFilter, type Style2DFilterExtend, type Style2DFilterKey, Style2DFilterModule, type Style2DFilterProperties, Style2DModule, type Style2DOffsetExtend, Style2DOffsetModule, type Style2DOffsetProperties, type Style2DOptions, type Style2DTextExtend, Style2DTextModule, type Style2DTextProperties, type Style2DTransformExtend, Style2DTransformModule, type Style2DTransformProperties, Text2D, type Text2DOptions, TextLoader, Texture, type TextureFilterMode, TextureLoader, type TexturePixelsSource, type TextureSource, type TextureWrapMode, Ticker, TiltShiftEffect, Timer, type TimerEventMap, type TimerOptions, type TimingFunctions, Transform2D, type Transform2DObject, Triangle, TwistEffect, UIInputEvent, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, type VectorLike, type VectorOperateOutput, VertexAttribute, type VertexAttributeOptions, VertexBuffer, type VertexBufferOptions, Video2D, type Video2DOptions, VideoLoader, VideoTexture, type VideoTextureOptions, type VideoTextureSource, Viewport, type ViewportFramebuffer, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, type WebGLBufferMeta, WebGLBufferModule, type WebGLBufferOptions, type WebGLBufferTarget, type WebGLBufferUsage, type WebGLDrawMode, type WebGLDrawOptions, type WebGLExtensions, type WebGLFramebufferMeta, WebGLFramebufferModule, type WebGLFramebufferOptions, WebGLMaskModule, WebGLModule, type WebGLProgramMeta, WebGLProgramModule, type WebGLProgramOptions, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, type WebGLTarget, type WebGLTextureFilterMode, type WebGLTextureLocation, type WebGLTextureMeta, WebGLTextureModule, type WebGLTextureOptions, type WebGLTextureSource, type WebGLTextureTarget, type WebGLTextureWrapMode, WebGLVertexArrayModule, type WebGLVertexArrayObjectMeta, type WebGLVertexArrayObjectOptions, type WebGLVertexAttrib, type WebGLVertexAttribType, type WebGLViewport, WebGLViewportModule, WebSound, WheelInputEvent, ZoomBlurEffect, _Object, type _ObjectEventMap, assets, buildAdaptiveBezier, buildAdaptiveQuadratic, buildArc, buildArcTo, buildArcToSvg, buildCircle, buildLine, buildPolygon, buildRectangle, buildTriangle, clamp, closePointEps, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curveEps, curves, customNode, customNodes, defaultOptions, defineProperty, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, getDeclarations, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCssFunctions, parseCssProperty, property, protectedProperty, render, squaredDistanceToLineSegment, timingFunctions, uid };
+export { Animation2D, type AnimationOptions, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformOptions, type Batchable2D, BlurEffect, Bounds, type BoundsData, type CanvasBatchable, CanvasContext, CanvasItem, type CanvasItemOptions, Circle, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectOptions, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, type CssFunction, type CssFunctionArg, type Cursor, type CustomNodeOptions, DEG_TO_RAD, DEVICE_PIXEL_RATIO, type Easing, Effect, type EffectContext, EffectMaterial, type EffectMode, type EffectOptions, Ellipse, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DOptions, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InternalMode, JsonLoader, KawaseEffect, type Keyframe, LeftEraseEffect, type LineCap, type LineJoin, type LineStyle, Loader, Lottie2D, LottieLoader, type LottieOptions, MainLoop, type MainLoopEventMap, type MaskColor, type MaskData, MaskEffect, type MaskEffectOptions, type MaskObject, type MaskRect, type Maskable, Material, type MaterialOptions, Matrix, Matrix2, Matrix3, Matrix4, type MatrixLike, type MatrixOperateOutput, MouseInputEvent, Node, Node2D, type Node2DOptions, type NodeEventMap, type NodeOptions, type NormalizedKeyframe, PI, PI_2, Path2D, type Path2DCall, type Path2DCallMethod, type Path2DShape, PixelateEffect, PixelsTexture, type PlatformAudio, type PlatformSound, Point, type PointData, type PointLike, PointerInputEvent, Polygon, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Rectangle, Reference, type ReferenceEventMap, type RenderCall, type RenderOptions, RenderStack, type Renderable, Renderer, Resource, type ResourceEventMap, RoundedRectangle, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, SVGPath, type SVGPathDefine, type SVGPathDefineCommand, SceneTree, type SceneTreeEventMap, type Shape, type ShapeBuildCommand, Star, type StrokedGraphics, Style2D, type Style2DBackgroundExtend, Style2DBackgroundModule, type Style2DBackgroundProperties, type Style2DFilter, type Style2DFilterExtend, type Style2DFilterKey, Style2DFilterModule, type Style2DFilterProperties, Style2DModule, type Style2DOptions, type Style2DTextExtend, Style2DTextModule, type Style2DTextProperties, type Style2DTransformExtend, Style2DTransformModule, type Style2DTransformProperties, Text2D, type Text2DOptions, TextLoader, Texture, type TextureFilterMode, TextureLoader, type TexturePixelsSource, type TextureSource, type TextureWrapMode, Ticker, TiltShiftEffect, Timer, type TimerEventMap, type TimerOptions, type TimingFunctions, Transform2D, type Transform2DObject, Triangle, TwistEffect, UIInputEvent, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, type VectorLike, type VectorOperateOutput, VertexAttribute, type VertexAttributeOptions, VertexBuffer, type VertexBufferOptions, Video2D, type Video2DOptions, VideoLoader, VideoTexture, type VideoTextureOptions, type VideoTextureSource, Viewport, type ViewportFramebuffer, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, type WebGLBufferMeta, WebGLBufferModule, type WebGLBufferOptions, type WebGLBufferTarget, type WebGLBufferUsage, type WebGLDrawMode, type WebGLDrawOptions, type WebGLExtensions, type WebGLFramebufferMeta, WebGLFramebufferModule, type WebGLFramebufferOptions, WebGLMaskModule, WebGLModule, type WebGLProgramMeta, WebGLProgramModule, type WebGLProgramOptions, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, type WebGLTarget, type WebGLTextureFilterMode, type WebGLTextureLocation, type WebGLTextureMeta, WebGLTextureModule, type WebGLTextureOptions, type WebGLTextureSource, type WebGLTextureTarget, type WebGLTextureWrapMode, WebGLVertexArrayModule, type WebGLVertexArrayObjectMeta, type WebGLVertexArrayObjectOptions, type WebGLVertexAttrib, type WebGLVertexAttribType, type WebGLViewport, WebGLViewportModule, WebSound, WheelInputEvent, ZoomBlurEffect, _Object, type _ObjectEventMap, assets, buildAdaptiveBezier, buildAdaptiveQuadratic, buildArc, buildArcTo, buildArcToSvg, buildCircle, buildLine, buildPolygon, buildRectangle, buildTriangle, clamp, closePointEps, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curveEps, curves, customNode, customNodes, defaultOptions, defineProperty, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, getDeclarations, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCssFunctions, parseCssProperty, property, protectedProperty, render, squaredDistanceToLineSegment, timingFunctions, uid };

package/dist/index.d.mts

@@ -1,7 +1,7 @@
-import { Visibility, Overflow, FontWeight, FontStyle, FontKerning, TextWrap, TextAlign, VerticalAlign, TextTransform, TextDecoration, WritingMode, IDOCTextContent, IDOCStyleDeclaration } from 'modern-idoc';
+import { Visibility, Overflow, IDOCTextStyleDeclaration, IDOCTransformStyleDeclaration } from 'modern-idoc';
 import { AnyColor, Colord } from 'colord';
 import { AnimationItem } from 'lottie-web';
-import { MeasureResult } from 'modern-text';
+import { TextOptions, Text, MeasureResult } from 'modern-text';
 import { Font } from 'modern-font';
 
 interface CssFunctionArg {
@@ -1846,7 +1846,7 @@ declare class CanvasContext {
     toBatchables(): CanvasBatchable[];
 }
 
-interface Style2DOptions extends Partial<Style2DBackgroundProperties>, Partial<Style2DFilterProperties>, Partial<Style2DOffsetProperties>, Partial<Style2DTextProperties>, Partial<Style2DTransformProperties> {
+interface Style2DOptions extends Partial<Style2DBackgroundProperties>, Partial<Style2DFilterProperties>, Partial<Style2DTextProperties>, Partial<Style2DTransformProperties> {
     shadowColor?: string;
     shadowOffsetX?: number;
     shadowOffsetY?: number;
@@ -1855,7 +1855,7 @@ interface Style2DOptions extends Partial<Style2DBackgroundProperties>, Partial<S
     borderRadius?: number;
     overflow?: Overflow;
 }
-interface Style2D extends Style2DBackgroundExtend, Style2DFilterExtend, Style2DOffsetExtend, Style2DTextExtend, Style2DTransformExtend {
+interface Style2D extends Style2DBackgroundExtend, Style2DFilterExtend, Style2DTextExtend, Style2DTransformExtend {
 }
 declare class Style2D extends _Object {
     shadowColor: string;
@@ -1878,12 +1878,12 @@ interface Style2DBackgroundProperties {
     backgroundImage?: string;
 }
 interface Style2DBackgroundExtend extends Style2DBackgroundProperties {
-    getComputedBackground: typeof getComputedBackground;
+    getComputedBackgroundImage: typeof getComputedBackgroundImage;
 }
 declare class Style2DBackgroundModule extends Style2DModule {
     install(Style2D: new () => Style2D): void;
 }
-declare function getComputedBackground(this: Style2D): Promise<ColorTexture | undefined>;
+declare function getComputedBackgroundImage(this: Style2D): Promise<Texture<ImageBitmap> | undefined>;
 
 type Style2DFilterKey = 'hue-rotate' | 'saturate' | 'brightness' | 'contrast' | 'invert' | 'sepia' | 'opacity' | 'grayscale';
 type Style2DFilter = Record<Style2DFilterKey, number>;
@@ -1900,45 +1900,8 @@ declare class Style2DFilterModule extends Style2DModule {
 declare function getComputedFilter(this: Style2D): Style2DFilter;
 declare function getComputedFilterColorMatrix(this: Style2D): ColorMatrix;
 
-interface Style2DOffsetProperties {
-    offsetPath?: string;
-    offsetAnchor?: string | number;
-    offsetDistance?: string | number;
-    offsetPosition?: string | number;
-}
-interface Style2DOffsetExtend extends Style2DOffsetProperties {
-    getComputedOffset: typeof getComputedOffset;
-}
-declare module '../Style2D' {
-    interface Style2DOptions extends Partial<Style2DOffsetProperties> {
-    }
-    interface Style2D extends Style2DOffsetProperties {
-        getComputedOffset: typeof getComputedOffset;
-    }
-}
-declare class Style2DOffsetModule extends Style2DModule {
-    install(Style2D: new () => Style2D): void;
-}
-declare function getComputedOffset(this: Style2D): void;
-
-interface Style2DTextProperties {
-    color: string;
-    fontSize: number;
-    fontWeight: FontWeight;
-    fontFamily: string;
-    fontStyle: FontStyle;
-    fontKerning: FontKerning;
-    textWrap: TextWrap;
-    textAlign: TextAlign;
-    verticalAlign: VerticalAlign;
-    textTransform: TextTransform;
-    textDecoration: TextDecoration | null;
-    textStrokeWidth: number;
-    textStrokeColor: string;
+interface Style2DTextProperties extends IDOCTextStyleDeclaration {
     direction: 'inherit' | 'ltr' | 'rtl';
-    lineHeight: number;
-    letterSpacing: number;
-    writingMode: WritingMode;
 }
 interface Style2DTextExtend extends Style2DTextProperties {
 }
@@ -1946,16 +1909,7 @@ declare class Style2DTextModule extends Style2DModule {
     install(Style2D: new () => Style2D): void;
 }
 
-interface Style2DTransformProperties {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-    rotate: number;
-    scaleX: number;
-    scaleY: number;
-    transform?: string;
-    transformOrigin: string;
+interface Style2DTransformProperties extends IDOCTransformStyleDeclaration {
 }
 interface Style2DTransformExtend extends Style2DTransformProperties {
     getComputedTransform: typeof getComputedTransform;
@@ -1983,11 +1937,12 @@ declare class CanvasItem extends Node {
     protected _parentOpacity?: number;
     protected _tint: Color;
     protected _backgroundColor: Color;
+    protected _backgroundImage?: Texture;
     context: CanvasContext;
     protected _resetContext: boolean;
-    protected _waitingRedraw: boolean;
-    protected _waitingReflow: boolean;
-    protected _waitingRepaint: boolean;
+    protected _redrawing: boolean;
+    protected _reflowing: boolean;
+    protected _repainting: boolean;
     protected _originalBatchables: CanvasBatchable[];
     protected _layoutedBatchables: CanvasBatchable[];
     protected _batchables: CanvasBatchable[];
@@ -1995,6 +1950,8 @@ declare class CanvasItem extends Node {
     setProperties(properties?: Record<PropertyKey, any>): this;
     protected _onUpdateProperty(key: PropertyKey, newValue: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _onUpdateStyleProperty(key: PropertyKey, newValue: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateBackgroundColor(): void;
+    protected _updateBackgroundImage(): Promise<void>;
     protected _updateOpacity(): void;
     isVisible(): boolean;
     requestRedraw(): void;
@@ -2002,6 +1959,9 @@ declare class CanvasItem extends Node {
     requestRepaint(): void;
     protected _process(delta: number): void;
     protected _draw(): void;
+    protected _drawBackground(): void;
+    protected _drawContent(): void;
+    protected _fill(): void;
     protected _relayout(batchables: CanvasBatchable[]): CanvasBatchable[];
     protected _reflow(batchables: CanvasBatchable[]): CanvasBatchable[];
     protected _repaint(batchables: CanvasBatchable[]): CanvasBatchable[];
@@ -2018,29 +1978,13 @@ declare class Node2D extends CanvasItem {
     getBoundingBox(): Rectangle;
     protected _onUpdateStyleProperty(key: PropertyKey, value: any, oldValue: any): void;
     protected _updateTransform(): void;
+    protected _updateOverflow(): void;
     protected _transformVertices(vertices: number[]): number[];
     protected _reflow(batchables: CanvasBatchable[]): CanvasBatchable[];
     protected _process(delta: number): void;
     input(event: UIEvent): void;
 }
 
-interface Element2DOptions extends Node2DOptions {
-    draggable?: boolean;
-}
-declare class Element2D extends Node2D {
-    draggable?: boolean;
-    protected _background?: Texture;
-    constructor(options?: Element2DOptions);
-    protected _onUpdateStyleProperty(key: PropertyKey, value: any, oldValue: any): void;
-    protected _updateBackground(): Promise<void>;
-    protected _updateTransform(): void;
-    protected _updateOverflow(): void;
-    protected _draw(): void;
-    protected _drawBackground(): void;
-    protected _drawContent(): void;
-    protected _drawRect(): void;
-}
-
 declare class Graphics2D extends Node2D {
     protected _resetContext: boolean;
     lineCap?: LineCap;
@@ -2077,11 +2021,11 @@ declare class Image2DResource extends Resource {
     destroy(): void;
 }
 
-interface Image2DOptions extends Element2DOptions {
+interface Image2DOptions extends Node2DOptions {
     src?: string;
     gif?: boolean;
 }
-declare class Image2D extends Element2D {
+declare class Image2D extends Node2D {
     resource?: Image2DResource;
     gif: boolean;
     src: string;
@@ -2105,11 +2049,11 @@ declare class Image2D extends Element2D {
     protected _repaint(batchables: CanvasBatchable[]): CanvasBatchable[];
 }
 
-interface LottieOptions extends Element2DOptions {
+interface LottieOptions extends Node2DOptions {
     pixelRatio?: number;
     src?: string;
 }
-declare class Lottie2D extends Element2D {
+declare class Lottie2D extends Node2D {
     pixelRatio: number;
     src: string;
     duration: number;
@@ -2123,21 +2067,33 @@ declare class Lottie2D extends Element2D {
     protected _drawContent(): void;
 }
 
-interface Text2DOptions extends Element2DOptions {
+interface Text2DOptions extends Node2DOptions, Omit<TextOptions, 'style'> {
     pixelRatio?: number;
     split?: boolean;
-    content?: IDOCTextContent;
-    effects?: Partial<IDOCStyleDeclaration>[];
 }
-declare class Text2D extends Element2D {
+/**
+ * @example
+ *
+ * new Text2D({
+ *   style: {
+ *     fontSize: 20,
+ *   },
+ *   content: 'Text2D',
+ * })
+ */
+declare class Text2D extends Node2D {
     pixelRatio: number;
     split: boolean;
-    content: IDOCTextContent;
-    effects?: Partial<IDOCStyleDeclaration>[];
+    content: TextOptions['content'];
+    effects?: TextOptions['effects'];
+    measureDom?: TextOptions['measureDom'];
+    fonts?: TextOptions['fonts'];
+    text: Text;
     readonly texture: Texture<HTMLCanvasElement>;
     protected _subTextsCount: number;
     constructor(options?: Text2DOptions);
     protected _onUpdateProperty(key: PropertyKey, value: any, oldValue: any): void;
+    protected _updateText(): void;
     protected _onUpdateStyleProperty(key: PropertyKey, value: any, oldValue: any): void;
     protected _getSubTexts(): Text2D[];
     protected _updateSubTexts(): void;
@@ -2146,10 +2102,10 @@ declare class Text2D extends Element2D {
     protected _drawContent(): void;
 }
 
-interface Video2DOptions extends Element2DOptions {
+interface Video2DOptions extends Node2DOptions {
     src?: string;
 }
-declare class Video2D extends Element2D {
+declare class Video2D extends Node2D {
     src: string;
     texture?: VideoTexture;
     get duration(): number;
@@ -2528,15 +2484,15 @@ declare class Audio extends Node {
     protected _setTimeStop(): void;
 }
 
-declare class AudioSpectrum extends Element2D {
+declare class AudioSpectrum extends Node2D {
 }
 
-interface AudioWaveformOptions extends Element2DOptions {
+interface AudioWaveformOptions extends Node2DOptions {
     src?: string;
     gap?: number;
     color?: string;
 }
-declare class AudioWaveform extends Element2D {
+declare class AudioWaveform extends Node2D {
     src?: string;
     gap: number;
     color: string;
@@ -3112,4 +3068,4 @@ interface RenderOptions {
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 
-export { Animation2D, type AnimationOptions, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformOptions, type Batchable2D, BlurEffect, Bounds, type BoundsData, type CanvasBatchable, CanvasContext, CanvasItem, type CanvasItemOptions, Circle, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectOptions, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, type CssFunction, type CssFunctionArg, type Cursor, type CustomNodeOptions, DEG_TO_RAD, DEVICE_PIXEL_RATIO, type Easing, Effect, type EffectContext, EffectMaterial, type EffectMode, type EffectOptions, Element2D, type Element2DOptions, Ellipse, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DOptions, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InternalMode, JsonLoader, KawaseEffect, type Keyframe, LeftEraseEffect, type LineCap, type LineJoin, type LineStyle, Loader, Lottie2D, LottieLoader, type LottieOptions, MainLoop, type MainLoopEventMap, type MaskColor, type MaskData, MaskEffect, type MaskEffectOptions, type MaskObject, type MaskRect, type Maskable, Material, type MaterialOptions, Matrix, Matrix2, Matrix3, Matrix4, type MatrixLike, type MatrixOperateOutput, MouseInputEvent, Node, Node2D, type Node2DOptions, type NodeEventMap, type NodeOptions, type NormalizedKeyframe, PI, PI_2, Path2D, type Path2DCall, type Path2DCallMethod, type Path2DShape, PixelateEffect, PixelsTexture, type PlatformAudio, type PlatformSound, Point, type PointData, type PointLike, PointerInputEvent, Polygon, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Rectangle, Reference, type ReferenceEventMap, type RenderCall, type RenderOptions, RenderStack, type Renderable, Renderer, Resource, type ResourceEventMap, RoundedRectangle, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, SVGPath, type SVGPathDefine, type SVGPathDefineCommand, SceneTree, type SceneTreeEventMap, type Shape, type ShapeBuildCommand, Star, type StrokedGraphics, Style2D, type Style2DBackgroundExtend, Style2DBackgroundModule, type Style2DBackgroundProperties, type Style2DFilter, type Style2DFilterExtend, type Style2DFilterKey, Style2DFilterModule, type Style2DFilterProperties, Style2DModule, type Style2DOffsetExtend, Style2DOffsetModule, type Style2DOffsetProperties, type Style2DOptions, type Style2DTextExtend, Style2DTextModule, type Style2DTextProperties, type Style2DTransformExtend, Style2DTransformModule, type Style2DTransformProperties, Text2D, type Text2DOptions, TextLoader, Texture, type TextureFilterMode, TextureLoader, type TexturePixelsSource, type TextureSource, type TextureWrapMode, Ticker, TiltShiftEffect, Timer, type TimerEventMap, type TimerOptions, type TimingFunctions, Transform2D, type Transform2DObject, Triangle, TwistEffect, UIInputEvent, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, type VectorLike, type VectorOperateOutput, VertexAttribute, type VertexAttributeOptions, VertexBuffer, type VertexBufferOptions, Video2D, type Video2DOptions, VideoLoader, VideoTexture, type VideoTextureOptions, type VideoTextureSource, Viewport, type ViewportFramebuffer, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, type WebGLBufferMeta, WebGLBufferModule, type WebGLBufferOptions, type WebGLBufferTarget, type WebGLBufferUsage, type WebGLDrawMode, type WebGLDrawOptions, type WebGLExtensions, type WebGLFramebufferMeta, WebGLFramebufferModule, type WebGLFramebufferOptions, WebGLMaskModule, WebGLModule, type WebGLProgramMeta, WebGLProgramModule, type WebGLProgramOptions, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, type WebGLTarget, type WebGLTextureFilterMode, type WebGLTextureLocation, type WebGLTextureMeta, WebGLTextureModule, type WebGLTextureOptions, type WebGLTextureSource, type WebGLTextureTarget, type WebGLTextureWrapMode, WebGLVertexArrayModule, type WebGLVertexArrayObjectMeta, type WebGLVertexArrayObjectOptions, type WebGLVertexAttrib, type WebGLVertexAttribType, type WebGLViewport, WebGLViewportModule, WebSound, WheelInputEvent, ZoomBlurEffect, _Object, type _ObjectEventMap, assets, buildAdaptiveBezier, buildAdaptiveQuadratic, buildArc, buildArcTo, buildArcToSvg, buildCircle, buildLine, buildPolygon, buildRectangle, buildTriangle, clamp, closePointEps, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curveEps, curves, customNode, customNodes, defaultOptions, defineProperty, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, getDeclarations, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCssFunctions, parseCssProperty, property, protectedProperty, render, squaredDistanceToLineSegment, timingFunctions, uid };
+export { Animation2D, type AnimationOptions, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformOptions, type Batchable2D, BlurEffect, Bounds, type BoundsData, type CanvasBatchable, CanvasContext, CanvasItem, type CanvasItemOptions, Circle, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectOptions, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, type CssFunction, type CssFunctionArg, type Cursor, type CustomNodeOptions, DEG_TO_RAD, DEVICE_PIXEL_RATIO, type Easing, Effect, type EffectContext, EffectMaterial, type EffectMode, type EffectOptions, Ellipse, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DOptions, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InternalMode, JsonLoader, KawaseEffect, type Keyframe, LeftEraseEffect, type LineCap, type LineJoin, type LineStyle, Loader, Lottie2D, LottieLoader, type LottieOptions, MainLoop, type MainLoopEventMap, type MaskColor, type MaskData, MaskEffect, type MaskEffectOptions, type MaskObject, type MaskRect, type Maskable, Material, type MaterialOptions, Matrix, Matrix2, Matrix3, Matrix4, type MatrixLike, type MatrixOperateOutput, MouseInputEvent, Node, Node2D, type Node2DOptions, type NodeEventMap, type NodeOptions, type NormalizedKeyframe, PI, PI_2, Path2D, type Path2DCall, type Path2DCallMethod, type Path2DShape, PixelateEffect, PixelsTexture, type PlatformAudio, type PlatformSound, Point, type PointData, type PointLike, PointerInputEvent, Polygon, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Rectangle, Reference, type ReferenceEventMap, type RenderCall, type RenderOptions, RenderStack, type Renderable, Renderer, Resource, type ResourceEventMap, RoundedRectangle, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, SVGPath, type SVGPathDefine, type SVGPathDefineCommand, SceneTree, type SceneTreeEventMap, type Shape, type ShapeBuildCommand, Star, type StrokedGraphics, Style2D, type Style2DBackgroundExtend, Style2DBackgroundModule, type Style2DBackgroundProperties, type Style2DFilter, type Style2DFilterExtend, type Style2DFilterKey, Style2DFilterModule, type Style2DFilterProperties, Style2DModule, type Style2DOptions, type Style2DTextExtend, Style2DTextModule, type Style2DTextProperties, type Style2DTransformExtend, Style2DTransformModule, type Style2DTransformProperties, Text2D, type Text2DOptions, TextLoader, Texture, type TextureFilterMode, TextureLoader, type TexturePixelsSource, type TextureSource, type TextureWrapMode, Ticker, TiltShiftEffect, Timer, type TimerEventMap, type TimerOptions, type TimingFunctions, Transform2D, type Transform2DObject, Triangle, TwistEffect, UIInputEvent, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, type VectorLike, type VectorOperateOutput, VertexAttribute, type VertexAttributeOptions, VertexBuffer, type VertexBufferOptions, Video2D, type Video2DOptions, VideoLoader, VideoTexture, type VideoTextureOptions, type VideoTextureSource, Viewport, type ViewportFramebuffer, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, type WebGLBufferMeta, WebGLBufferModule, type WebGLBufferOptions, type WebGLBufferTarget, type WebGLBufferUsage, type WebGLDrawMode, type WebGLDrawOptions, type WebGLExtensions, type WebGLFramebufferMeta, WebGLFramebufferModule, type WebGLFramebufferOptions, WebGLMaskModule, WebGLModule, type WebGLProgramMeta, WebGLProgramModule, type WebGLProgramOptions, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, type WebGLTarget, type WebGLTextureFilterMode, type WebGLTextureLocation, type WebGLTextureMeta, WebGLTextureModule, type WebGLTextureOptions, type WebGLTextureSource, type WebGLTextureTarget, type WebGLTextureWrapMode, WebGLVertexArrayModule, type WebGLVertexArrayObjectMeta, type WebGLVertexArrayObjectOptions, type WebGLVertexAttrib, type WebGLVertexAttribType, type WebGLViewport, WebGLViewportModule, WebSound, WheelInputEvent, ZoomBlurEffect, _Object, type _ObjectEventMap, assets, buildAdaptiveBezier, buildAdaptiveQuadratic, buildArc, buildArcTo, buildArcToSvg, buildCircle, buildLine, buildPolygon, buildRectangle, buildTriangle, clamp, closePointEps, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curveEps, curves, customNode, customNodes, defaultOptions, defineProperty, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, getDeclarations, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCssFunctions, parseCssProperty, property, protectedProperty, render, squaredDistanceToLineSegment, timingFunctions, uid };