@visactor/vrender-core 1.0.46-alpha.0 → 1.0.46-alpha.1

package/dist/index.es.js

@@ -3563,7 +3563,7 @@ const DefaultTextStyle = {
 const DefaultPickStyle = {
     pickStrokeBuffer: 0
 };
-const DefaultStyle = Object.assign(Object.assign(Object.assign(Object.assign({ forceBoundsWidth: undefined, forceBoundsHeight: undefined, opacity: 1, background: null, autoAnimateTexture: false, textureRatio: 1, textureOptions: null, backgroundOpacity: 1, backgroundCornerRadius: 0, texture: null, textureColor: 'black', textureSize: 10, texturePadding: 2, backgroundMode: 'no-repeat', backgroundFit: true, backgroundKeepAspectRatio: false, backgroundClip: true, backgroundScale: 1, backgroundOffsetX: 0, backgroundOffsetY: 0, blur: 0, filter: '', cursor: null, html: null, react: null, vue: null }, DefaultFillStyle), DefaultStrokeStyle), DefaultLayout), DefaultPickStyle);
+const DefaultStyle = Object.assign(Object.assign(Object.assign(Object.assign({ forceBoundsWidth: undefined, forceBoundsHeight: undefined, opacity: 1, background: null, autoAnimateTexture: false, textureRatio: 1, textureOptions: { alignToGraphic: true }, backgroundOpacity: 1, backgroundCornerRadius: 0, texture: null, textureColor: 'black', textureSize: 10, texturePadding: 2, backgroundMode: 'no-repeat', backgroundFit: true, backgroundKeepAspectRatio: false, backgroundClip: true, backgroundScale: 1, backgroundOffsetX: 0, backgroundOffsetY: 0, backgroundPosition: 'top-left', blur: 0, filter: '', cursor: null, html: null, react: null, vue: null }, DefaultFillStyle), DefaultStrokeStyle), DefaultLayout), DefaultPickStyle);
 const DefaultConnectAttribute = {
     connectedType: 'none',
     connectedStyle: {},
@@ -3598,7 +3598,7 @@ const DefaultRect3dAttribute = Object.assign(Object.assign({}, DefaultAttribute)
 const DefaultSymbolAttribute = Object.assign(Object.assign({}, DefaultAttribute), { symbolType: 'circle', size: 10, keepDirIn3d: true, clipRange: 1 });
 const DefaultTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), { strokeBoundsBuffer: 0, keepDirIn3d: true });
 const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), { upgradeAttrs: null, editable: false, editOptions: null, ascentDescentMode: 'actual', width: 300, height: 300, ellipsis: true, wordBreak: 'break-word', verticalDirection: 'top', textAlign: 'left', textBaseline: 'top', layoutDirection: 'horizontal', textConfig: [], disableAutoWrapLine: false, maxHeight: undefined, maxWidth: undefined, singleLine: false });
-const DefaultImageAttribute = Object.assign(Object.assign({ repeatX: 'no-repeat', repeatY: 'no-repeat', image: '', width: 0, height: 0, maxWidth: 500, maxHeight: 500 }, DefaultAttribute), { fill: true, cornerRadius: 0, cornerType: 'round' });
+const DefaultImageAttribute = Object.assign(Object.assign({ repeatX: 'no-repeat', repeatY: 'no-repeat', imageMode: undefined, image: '', width: 0, height: 0, maxWidth: 500, maxHeight: 500, imagePosition: 'top-left', imageScale: 1, imageOffsetX: 0, imageOffsetY: 0 }, DefaultAttribute), { fill: true, cornerRadius: 0, cornerType: 'round' });
 const DefaultRichTextIconAttribute = Object.assign(Object.assign({}, DefaultImageAttribute), { backgroundShowMode: 'never', backgroundWidth: 0, backgroundHeight: 0, textAlign: 'left', textBaseline: 'middle', direction: 'horizontal', margin: 0, id: '', width: 20, height: 20, backgroundFill: 'rgba(101, 117, 168, 0.1)', backgroundFillOpacity: 1, backgroundStroke: false, backgroundStrokeOpacity: 1, backgroundRadius: 4, opacity: 1 });
 
 const parse = (function () {
@@ -12079,7 +12079,14 @@ class Graphic extends Node {
         return this.pathProxy;
     }
     loadImage(image, background = false) {
-        if (!image || (background && backgroundNotImage(image))) {
+        if (background && (image === null || image === void 0 ? void 0 : image.background)) {
+            image = image.background;
+        }
+        if (background && (!image || backgroundNotImage(image))) {
+            this.backgroundImg = false;
+            return;
+        }
+        if (!image) {
             return;
         }
         const url = image;
@@ -12191,9 +12198,15 @@ class Graphic extends Node {
 Graphic.userSymbolMap = {};
 Graphic.mixin(EventTarget);
 function backgroundNotImage(image) {
+    if (typeof image === 'string') {
+        return !(image.startsWith('<svg') || isValidUrl(image) || image.includes('/') || isBase64(image));
+    }
     if (image.fill || image.stroke) {
         return true;
     }
+    if (typeof image.gradient === 'string' && Array.isArray(image.stops)) {
+        return true;
+    }
     return false;
 }
 function isExternalTexture(texture) {
@@ -15331,7 +15344,17 @@ function seperateParagraph(paragraph, index) {
     return [p1, p2];
 }
 
-const IMAGE_UPDATE_TAG_KEY = ['width', 'height', 'image', ...GRAPHIC_UPDATE_TAG_KEY];
+const IMAGE_UPDATE_TAG_KEY = [
+    'width',
+    'height',
+    'image',
+    'imageMode',
+    'imagePosition',
+    'imageScale',
+    'imageOffsetX',
+    'imageOffsetY',
+    ...GRAPHIC_UPDATE_TAG_KEY
+];
 class Image extends Graphic {
     constructor(params) {
         super(params);
@@ -15477,7 +15500,7 @@ class Image extends Graphic {
         return Image.NOWORK_ANIMATE_ATTR;
     }
 }
-Image.NOWORK_ANIMATE_ATTR = Object.assign({ image: 1, repeatX: 1, repeatY: 1 }, NOWORK_ANIMATE_ATTR);
+Image.NOWORK_ANIMATE_ATTR = Object.assign({ image: 1, imageMode: 1, repeatX: 1, repeatY: 1 }, NOWORK_ANIMATE_ATTR);
 function createImage(attributes) {
     return new Image(attributes);
 }
@@ -17298,13 +17321,13 @@ class DefaultBaseBackgroundRenderContribution {
     }
     drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb, options) {
         var _a;
-        const { background, backgroundOpacity = (_a = graphic.attribute.fillOpacity) !== null && _a !== void 0 ? _a : graphicAttribute.backgroundOpacity, opacity = graphicAttribute.opacity, backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY = graphicAttribute.backgroundOffsetY, backgroundClip = graphicAttribute.backgroundClip } = graphic.attribute;
+        const { background, backgroundOpacity = (_a = graphic.attribute.fillOpacity) !== null && _a !== void 0 ? _a : graphicAttribute.backgroundOpacity, opacity = graphicAttribute.opacity, backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY = graphicAttribute.backgroundOffsetY, backgroundClip = graphicAttribute.backgroundClip, backgroundPosition = graphicAttribute.backgroundPosition } = graphic.attribute;
         if (!background) {
             return;
         }
         if (graphic.backgroundImg && graphic.resources) {
-            const res = graphic.resources.get(background);
-            if (res.state !== 'success' || !res.data) {
+            const res = graphic.resources.get(getBackgroundImage(background));
+            if (!res || res.state !== 'success' || !res.data) {
                 return;
             }
             context.save();
@@ -17324,7 +17347,8 @@ class DefaultBaseBackgroundRenderContribution {
                 backgroundKeepAspectRatio,
                 backgroundScale,
                 backgroundOffsetX,
-                backgroundOffsetY
+                backgroundOffsetY,
+                backgroundPosition
             });
             context.restore();
             if (!graphic.transMatrix.onlyTranslate()) {
@@ -17341,65 +17365,211 @@ class DefaultBaseBackgroundRenderContribution {
         }
     }
     doDrawImage(context, data, b, params) {
-        const { backgroundMode, backgroundFit, backgroundKeepAspectRatio, backgroundScale = 1, backgroundOffsetX = 0, backgroundOffsetY = 0 } = params;
-        const targetW = b.width();
-        const targetH = b.height();
-        let w = targetW;
-        let h = targetH;
-        if (backgroundMode === 'no-repeat') {
-            if (backgroundFit) {
-                if (!backgroundKeepAspectRatio) {
-                    context.drawImage(data, b.x1, b.y1, b.width(), b.height());
-                }
-                else {
-                    const maxScale = Math.max(targetW / data.width, targetH / data.height);
-                    context.drawImage(data, b.x1 + backgroundOffsetX, b.y1 + backgroundOffsetY, data.width * maxScale * backgroundScale, data.height * maxScale * backgroundScale);
-                }
-            }
-            else {
-                const resW = data.width * backgroundScale;
-                const resH = data.height * backgroundScale;
-                context.drawImage(data, b.x1 + backgroundOffsetX, b.y1 + backgroundOffsetY, resW, resH);
-            }
+        drawBackgroundImage(context, data, b, params);
+    }
+}
+const defaultBaseBackgroundRenderContribution = new DefaultBaseBackgroundRenderContribution();
+const verticalPositionKeywords = new Set(['top', 'center', 'bottom']);
+function getBackgroundImage(background) {
+    var _a;
+    return (_a = background === null || background === void 0 ? void 0 : background.background) !== null && _a !== void 0 ? _a : background;
+}
+function resolveBackgroundSizing({ backgroundFit, backgroundKeepAspectRatio }) {
+    if (backgroundFit) {
+        return backgroundKeepAspectRatio ? 'cover' : 'fill';
+    }
+    return 'auto';
+}
+function isNoRepeatSizingMode(mode) {
+    return typeof mode === 'string' && mode.startsWith('no-repeat-');
+}
+const NO_REPEAT_SIZING_MAP = {
+    'no-repeat-cover': 'cover',
+    'no-repeat-contain': 'contain',
+    'no-repeat-fill': 'fill',
+    'no-repeat-auto': 'auto'
+};
+function resolveBackgroundDrawMode({ backgroundMode, backgroundFit, backgroundKeepAspectRatio }) {
+    const sizing = NO_REPEAT_SIZING_MAP[backgroundMode];
+    if (sizing) {
+        return {
+            backgroundRepeatMode: 'no-repeat',
+            backgroundSizing: sizing
+        };
+    }
+    return {
+        backgroundRepeatMode: backgroundMode,
+        backgroundSizing: resolveBackgroundSizing({
+            backgroundFit,
+            backgroundKeepAspectRatio
+        })
+    };
+}
+function isPercentageValue(value) {
+    return /^-?\d+(\.\d+)?%$/.test(value);
+}
+function parsePositionToken(value, remainSpace, startKeyword, centerKeyword, endKeyword) {
+    if (typeof value === 'number' && Number.isFinite(value)) {
+        return value;
+    }
+    const normalizedValue = `${value !== null && value !== void 0 ? value : ''}`.trim().toLowerCase();
+    if (!normalizedValue || normalizedValue === startKeyword) {
+        return 0;
+    }
+    if (normalizedValue === centerKeyword) {
+        return remainSpace / 2;
+    }
+    if (normalizedValue === endKeyword) {
+        return remainSpace;
+    }
+    if (isPercentageValue(normalizedValue)) {
+        return (remainSpace * parseFloat(normalizedValue)) / 100;
+    }
+    const parsedValue = Number(normalizedValue);
+    if (Number.isFinite(parsedValue)) {
+        return parsedValue;
+    }
+    return 0;
+}
+function normalizeBackgroundPosition(position) {
+    var _a, _b;
+    if (Array.isArray(position)) {
+        return [(_a = position[0]) !== null && _a !== void 0 ? _a : 'left', (_b = position[1]) !== null && _b !== void 0 ? _b : 'top'];
+    }
+    const normalizedPosition = `${position !== null && position !== void 0 ? position : 'top-left'}`.trim().toLowerCase().replace(/-/g, ' ');
+    const tokens = normalizedPosition.split(/\s+/).filter(Boolean);
+    if (tokens.length === 0) {
+        return ['left', 'top'];
+    }
+    if (tokens.length === 1) {
+        const token = tokens[0];
+        if (token === 'center') {
+            return ['center', 'center'];
         }
-        else {
-            if (backgroundFit && backgroundMode !== 'repeat' && (data.width || data.height)) {
-                const resW = data.width;
-                const resH = data.height;
-                if (backgroundMode === 'repeat-x') {
-                    const ratio = targetH / resH;
-                    w = resW * ratio;
-                    h = targetH;
-                }
-                else if (backgroundMode === 'repeat-y') {
-                    const ratio = targetW / resW;
-                    h = resH * ratio;
-                    w = targetW;
-                }
-                const dpr = context.dpr;
-                const canvas = canvasAllocate.allocate({ width: w, height: h, dpr });
-                const ctx = canvas.getContext('2d');
-                if (ctx) {
-                    ctx.inuse = true;
-                    ctx.clearMatrix();
-                    ctx.setTransformForCurrent(true);
-                    ctx.clearRect(0, 0, w, h);
-                    ctx.drawImage(data, 0, 0, w, h);
-                    data = canvas.nativeCanvas;
-                }
-                canvasAllocate.free(canvas);
-            }
-            const dpr = context.dpr;
-            const pattern = context.createPattern(data, backgroundMode);
-            pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, 0, 0]));
-            context.fillStyle = pattern;
-            context.translate(b.x1, b.y1);
-            context.fillRect(0, 0, targetW, targetH);
-            context.translate(-b.x1, -b.y1);
+        if (verticalPositionKeywords.has(token)) {
+            return ['center', token];
+        }
+        return [token, 'center'];
+    }
+    let horizontal;
+    let vertical;
+    const genericTokens = [];
+    for (let i = 0; i < 2; i++) {
+        const token = tokens[i];
+        if (token === 'left' || token === 'right') {
+            horizontal = token;
+            continue;
+        }
+        if (token === 'top' || token === 'bottom') {
+            vertical = token;
+            continue;
         }
+        genericTokens.push(token);
     }
+    if (horizontal == null && genericTokens.length) {
+        horizontal = genericTokens.shift();
+    }
+    if (vertical == null && genericTokens.length) {
+        vertical = genericTokens.shift();
+    }
+    return [horizontal !== null && horizontal !== void 0 ? horizontal : 'left', vertical !== null && vertical !== void 0 ? vertical : 'top'];
+}
+function resolveBackgroundPosition(position, remainWidth, remainHeight) {
+    const [horizontalPosition, verticalPosition] = normalizeBackgroundPosition(position);
+    return {
+        x: parsePositionToken(horizontalPosition, remainWidth, 'left', 'center', 'right'),
+        y: parsePositionToken(verticalPosition, remainHeight, 'top', 'center', 'bottom')
+    };
+}
+function pickRenderableDimension(...values) {
+    for (const value of values) {
+        if (typeof value === 'number' && Number.isFinite(value) && value > 0) {
+            return value;
+        }
+    }
+    return null;
+}
+function resolveRenderableImageSize(data) {
+    if (!data) {
+        return null;
+    }
+    const width = pickRenderableDimension(data.naturalWidth, data.videoWidth, data.width);
+    const height = pickRenderableDimension(data.naturalHeight, data.videoHeight, data.height);
+    if (width == null || height == null) {
+        return null;
+    }
+    return { width, height };
+}
+function drawBackgroundImage(context, data, b, params) {
+    var _a, _b;
+    const { backgroundMode, backgroundFit, backgroundKeepAspectRatio, backgroundScale = 1, backgroundOffsetX = 0, backgroundOffsetY = 0, backgroundPosition = 'top-left' } = params;
+    const targetW = b.width();
+    const targetH = b.height();
+    const sourceSize = resolveRenderableImageSize(data);
+    const { backgroundRepeatMode, backgroundSizing: resolvedBackgroundSizing } = resolveBackgroundDrawMode({
+        backgroundMode,
+        backgroundFit,
+        backgroundKeepAspectRatio
+    });
+    let w = targetW;
+    let h = targetH;
+    if (targetW <= 0 || targetH <= 0) {
+        return;
+    }
+    if (backgroundRepeatMode === 'no-repeat') {
+        let drawWidth = (_a = sourceSize === null || sourceSize === void 0 ? void 0 : sourceSize.width) !== null && _a !== void 0 ? _a : targetW;
+        let drawHeight = (_b = sourceSize === null || sourceSize === void 0 ? void 0 : sourceSize.height) !== null && _b !== void 0 ? _b : targetH;
+        if ((resolvedBackgroundSizing === 'cover' || resolvedBackgroundSizing === 'contain') && sourceSize) {
+            const scale = resolvedBackgroundSizing === 'cover'
+                ? Math.max(targetW / sourceSize.width, targetH / sourceSize.height)
+                : Math.min(targetW / sourceSize.width, targetH / sourceSize.height);
+            drawWidth = sourceSize.width * scale;
+            drawHeight = sourceSize.height * scale;
+        }
+        else if (resolvedBackgroundSizing === 'fill') {
+            drawWidth = targetW;
+            drawHeight = targetH;
+        }
+        drawWidth *= backgroundScale;
+        drawHeight *= backgroundScale;
+        const { x, y } = resolveBackgroundPosition(backgroundPosition, targetW - drawWidth, targetH - drawHeight);
+        context.drawImage(data, b.x1 + x + backgroundOffsetX, b.y1 + y + backgroundOffsetY, drawWidth, drawHeight);
+        return;
+    }
+    if (backgroundFit && backgroundRepeatMode !== 'repeat' && sourceSize) {
+        const resW = sourceSize.width;
+        const resH = sourceSize.height;
+        if (backgroundRepeatMode === 'repeat-x') {
+            const ratio = targetH / resH;
+            w = resW * ratio;
+            h = targetH;
+        }
+        else if (backgroundRepeatMode === 'repeat-y') {
+            const ratio = targetW / resW;
+            h = resH * ratio;
+            w = targetW;
+        }
+        const dpr = context.dpr;
+        const canvas = canvasAllocate.allocate({ width: w, height: h, dpr });
+        const ctx = canvas.getContext('2d');
+        if (ctx) {
+            ctx.inuse = true;
+            ctx.clearMatrix();
+            ctx.setTransformForCurrent(true);
+            ctx.clearRect(0, 0, w, h);
+            ctx.drawImage(data, 0, 0, w, h);
+            data = canvas.nativeCanvas;
+        }
+        canvasAllocate.free(canvas);
+    }
+    const dpr = context.dpr;
+    const pattern = context.createPattern(data, backgroundRepeatMode);
+    pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, 0, 0]));
+    context.fillStyle = pattern;
+    context.translate(b.x1, b.y1);
+    context.fillRect(0, 0, targetW, targetH);
+    context.translate(-b.x1, -b.y1);
 }
-const defaultBaseBackgroundRenderContribution = new DefaultBaseBackgroundRenderContribution();
 let DefaultBaseInteractiveRenderContribution = class DefaultBaseInteractiveRenderContribution {
     constructor(subRenderContribitions) {
         this.subRenderContribitions = subRenderContribitions;
@@ -17632,7 +17802,7 @@ class DefaultBaseTextureRenderContribution {
         this.drawTexture(texture, graphic, context, x, y, graphicAttribute, textureColor, textureSize, texturePadding);
     }
     drawTexture(texture, graphic, context, x, y, graphicAttribute, textureColor, textureSize, texturePadding) {
-        var _a;
+        var _a, _b, _c, _d, _e;
         const { textureRatio = graphicAttribute.textureRatio, textureOptions = null } = graphic.attribute;
         let pattern = null;
         const patternKey = this.getPatternCacheKey(texture, textureSize, texturePadding, textureColor, context.dpr);
@@ -17736,6 +17906,27 @@ class DefaultBaseTextureRenderContribution {
             originalContext.restore();
         }
         else if (pattern) {
+            if (pattern.setTransform) {
+                const alignToGraphic = !!(textureOptions === null || textureOptions === void 0 ? void 0 : textureOptions.alignToGraphic);
+                const alignOffsetX = (_b = textureOptions === null || textureOptions === void 0 ? void 0 : textureOptions.alignOffsetX) !== null && _b !== void 0 ? _b : 0;
+                const alignOffsetY = (_c = textureOptions === null || textureOptions === void 0 ? void 0 : textureOptions.alignOffsetY) !== null && _c !== void 0 ? _c : 0;
+                let translateX = 0;
+                let translateY = 0;
+                if (alignToGraphic) {
+                    const m = context.currentMatrix;
+                    const e = (_d = m === null || m === void 0 ? void 0 : m.e) !== null && _d !== void 0 ? _d : 0;
+                    const f = (_e = m === null || m === void 0 ? void 0 : m.f) !== null && _e !== void 0 ? _e : 0;
+                    const ux = e + x + alignOffsetX;
+                    const uy = f + y + alignOffsetY;
+                    translateX = ux;
+                    translateY = uy;
+                }
+                else if (alignOffsetX || alignOffsetY) {
+                    translateX = alignOffsetX;
+                    translateY = alignOffsetY;
+                }
+                pattern.setTransform(new DOMMatrix([1 / context.dpr, 0, 0, 1 / context.dpr, translateX, translateY]));
+            }
             context.highPerformanceSave();
             context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);
             context.fillStyle = pattern;
@@ -17874,31 +18065,35 @@ class DefaultGroupBackgroundRenderContribution extends DefaultBaseBackgroundRend
         this.time = BaseRenderContributionTime.beforeFillStroke;
     }
     drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb) {
-        const { background, backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY = graphicAttribute.backgroundOffsetY } = graphic.attribute;
+        const { background, backgroundOpacity = graphicAttribute.backgroundOpacity, opacity = graphicAttribute.opacity, backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY = graphicAttribute.backgroundOffsetY, backgroundClip = graphicAttribute.backgroundClip, backgroundPosition = graphicAttribute.backgroundPosition } = graphic.attribute;
         if (!background) {
             return;
         }
         if (graphic.backgroundImg && graphic.resources) {
-            const res = graphic.resources.get(background);
-            if (res.state !== 'success' || !res.data) {
+            const res = graphic.resources.get(getBackgroundImage(background));
+            if (!res || res.state !== 'success' || !res.data) {
                 return;
             }
             context.highPerformanceSave();
             context.setTransformFromMatrix(graphic.parent.globalTransMatrix, true);
             const b = graphic.AABBBounds;
+            context.globalAlpha = backgroundOpacity * opacity;
+            backgroundClip && context.clip();
             this.doDrawImage(context, res.data, b, {
                 backgroundMode,
                 backgroundFit,
                 backgroundKeepAspectRatio,
                 backgroundScale,
                 backgroundOffsetX,
-                backgroundOffsetY
+                backgroundOffsetY,
+                backgroundPosition
             });
             context.highPerformanceRestore();
             context.setTransformForCurrent();
         }
         else {
             context.highPerformanceSave();
+            context.globalAlpha = backgroundOpacity * opacity;
             context.fillStyle = background;
             context.fill();
             context.highPerformanceRestore();
@@ -20044,7 +20239,7 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
     }
     drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb) {
         var _a, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        const { backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio } = graphic.attribute;
+        const { backgroundOpacity = graphicAttribute.backgroundOpacity, opacity = graphicAttribute.opacity, backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY = graphicAttribute.backgroundOffsetY, backgroundPosition = graphicAttribute.backgroundPosition, backgroundClip = graphicAttribute.backgroundClip, backgroundCornerRadius = graphicAttribute.backgroundCornerRadius } = graphic.attribute;
         let { background } = graphic.attribute;
         if (!background) {
             return;
@@ -20067,20 +20262,20 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
         };
         save();
         let b;
-        const shouldReCalBounds = isObject(background) && background.background;
+        const backgroundConfig = isObject(background) && background.background ? background : null;
         const onlyTranslate = graphic.transMatrix.onlyTranslate();
-        if (shouldReCalBounds) {
+        if (backgroundConfig) {
             const _b = graphic.AABBBounds;
-            const x = ((_a = background.x) !== null && _a !== void 0 ? _a : _b.x1) + ((_c = background.dx) !== null && _c !== void 0 ? _c : 0);
-            const y = ((_d = background.y) !== null && _d !== void 0 ? _d : _b.y1) + ((_e = background.dy) !== null && _e !== void 0 ? _e : 0);
-            const w = (_f = background.width) !== null && _f !== void 0 ? _f : _b.width();
-            const h = (_g = background.height) !== null && _g !== void 0 ? _g : _b.height();
+            const x = ((_a = backgroundConfig.x) !== null && _a !== void 0 ? _a : _b.x1) + ((_c = backgroundConfig.dx) !== null && _c !== void 0 ? _c : 0);
+            const y = ((_d = backgroundConfig.y) !== null && _d !== void 0 ? _d : _b.y1) + ((_e = backgroundConfig.dy) !== null && _e !== void 0 ? _e : 0);
+            const w = (_f = backgroundConfig.width) !== null && _f !== void 0 ? _f : _b.width();
+            const h = (_g = backgroundConfig.height) !== null && _g !== void 0 ? _g : _b.height();
             b = boundsAllocate.allocate(x, y, x + w, y + h);
-            background = background.background;
+            background = backgroundConfig.background;
             if (!onlyTranslate) {
                 const w = b.width();
                 const h = b.height();
-                b.set(((_h = background.x) !== null && _h !== void 0 ? _h : 0) + ((_j = background.dx) !== null && _j !== void 0 ? _j : 0), ((_k = background.y) !== null && _k !== void 0 ? _k : 0) + ((_l = background.dy) !== null && _l !== void 0 ? _l : 0), w, h);
+                b.set(((_h = backgroundConfig.x) !== null && _h !== void 0 ? _h : 0) + ((_j = backgroundConfig.dx) !== null && _j !== void 0 ? _j : 0), ((_k = backgroundConfig.y) !== null && _k !== void 0 ? _k : 0) + ((_l = backgroundConfig.dy) !== null && _l !== void 0 ? _l : 0), w, h);
             }
         }
         else {
@@ -20091,7 +20286,7 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
         }
         if (graphic.backgroundImg && graphic.resources) {
             const res = graphic.resources.get(background);
-            if (res.state !== 'success' || !res.data) {
+            if (!res || res.state !== 'success' || !res.data) {
                 restore();
                 return;
             }
@@ -20100,16 +20295,33 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
             else {
                 context.setTransformFromMatrix(graphic.parent.globalTransMatrix, true);
             }
-            context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);
-            this.doDrawImage(context, res.data, b, { backgroundMode, backgroundFit, backgroundKeepAspectRatio });
+            context.globalAlpha = backgroundOpacity * opacity;
+            if (backgroundClip) {
+                context.beginPath();
+                if (backgroundCornerRadius) {
+                    createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, true);
+                }
+                else {
+                    context.rect(b.x1, b.y1, b.width(), b.height());
+                }
+                context.clip();
+            }
+            this.doDrawImage(context, res.data, b, {
+                backgroundMode,
+                backgroundFit,
+                backgroundKeepAspectRatio,
+                backgroundScale,
+                backgroundOffsetX,
+                backgroundOffsetY,
+                backgroundPosition
+            });
             context.highPerformanceRestore();
             context.setTransformForCurrent();
         }
         else {
-            const { backgroundCornerRadius, backgroundOpacity = 1 } = graphic.attribute;
             context.highPerformanceSave();
             context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);
-            context.globalAlpha = backgroundOpacity;
+            context.globalAlpha = backgroundOpacity * opacity;
             context.fillStyle = background;
             if (backgroundCornerRadius) {
                 createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, true);
@@ -20120,7 +20332,7 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
             }
             context.highPerformanceRestore();
         }
-        if (shouldReCalBounds) {
+        if (backgroundConfig) {
             boundsAllocate.free(b);
         }
         restore();
@@ -20705,6 +20917,75 @@ DefaultCanvasGroupRender = __decorate([
 ], DefaultCanvasGroupRender);
 
 const repeatStr = ['', 'repeat-x', 'repeat-y', 'repeat'];
+function resolveImageMode({ repeatX = 'no-repeat', repeatY = 'no-repeat', imageMode }) {
+    const repeatMode = resolveImageRepeatMode(repeatX, repeatY);
+    return {
+        repeatMode,
+        sizingMode: repeatMode === 'no-repeat' ? imageMode !== null && imageMode !== void 0 ? imageMode : 'fill' : 'fill'
+    };
+}
+const IMAGE_MODE_TO_BACKGROUND_MODE = {
+    cover: 'no-repeat-cover',
+    contain: 'no-repeat-contain',
+    fill: 'no-repeat-fill',
+    auto: 'no-repeat-auto'
+};
+function resolveBackgroundParamsByImageSizing(sizingMode) {
+    return {
+        backgroundMode: IMAGE_MODE_TO_BACKGROUND_MODE[sizingMode],
+        backgroundFit: false,
+        backgroundKeepAspectRatio: false
+    };
+}
+function resolveImageRepeatMode(repeatX, repeatY) {
+    let repeat = 0;
+    if (repeatX === 'repeat') {
+        repeat |= 0b0001;
+    }
+    if (repeatY === 'repeat') {
+        repeat |= 0b0010;
+    }
+    return repeat ? repeatStr[repeat] : 'no-repeat';
+}
+function shouldClipImageByLayout({ repeatX = 'no-repeat', repeatY = 'no-repeat', imageMode, imageScale = 1, imageOffsetX = 0, imageOffsetY = 0, imagePosition = 'top-left' }) {
+    const { repeatMode, sizingMode } = resolveImageMode({
+        repeatX,
+        repeatY,
+        imageMode
+    });
+    return (repeatMode === 'no-repeat' &&
+        (sizingMode === 'cover' || sizingMode === 'auto' || imageScale !== 1 || imageOffsetX !== 0 || imageOffsetY !== 0));
+}
+function drawImageWithLayout(context, data, x, y, width, height, { repeatX = 'no-repeat', repeatY = 'no-repeat', imageMode, imageScale = 1, imageOffsetX = 0, imageOffsetY = 0, imagePosition = 'top-left' }) {
+    const { repeatMode, sizingMode } = resolveImageMode({
+        repeatX,
+        repeatY,
+        imageMode
+    });
+    const imageBackgroundParams = repeatMode === 'no-repeat'
+        ? resolveBackgroundParamsByImageSizing(sizingMode)
+        : {
+            backgroundMode: repeatMode,
+            backgroundFit: false,
+            backgroundKeepAspectRatio: false
+        };
+    drawBackgroundImage(context, data, {
+        x1: x,
+        y1: y,
+        x2: x + width,
+        y2: y + height,
+        width: () => width,
+        height: () => height
+    }, {
+        backgroundMode: imageBackgroundParams.backgroundMode,
+        backgroundFit: imageBackgroundParams.backgroundFit,
+        backgroundKeepAspectRatio: imageBackgroundParams.backgroundKeepAspectRatio,
+        backgroundScale: imageScale,
+        backgroundOffsetX: imageOffsetX,
+        backgroundOffsetY: imageOffsetY,
+        backgroundPosition: imagePosition
+    });
+}
 let DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender {
     constructor(graphicRenderContributions) {
         super();
@@ -20715,7 +20996,7 @@ let DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender
     }
     drawShape(image, context, x, y, drawContext, params, fillCb, strokeCb) {
         const imageAttribute = getTheme(image).image;
-        const { repeatX = imageAttribute.repeatX, repeatY = imageAttribute.repeatY, x: originX = imageAttribute.x, y: originY = imageAttribute.y, cornerRadius = imageAttribute.cornerRadius, fillStrokeOrder = imageAttribute.fillStrokeOrder, cornerType = imageAttribute.cornerType, image: url } = image.attribute;
+        const { repeatX = imageAttribute.repeatX, repeatY = imageAttribute.repeatY, x: originX = imageAttribute.x, y: originY = imageAttribute.y, cornerRadius = imageAttribute.cornerRadius, fillStrokeOrder = imageAttribute.fillStrokeOrder, cornerType = imageAttribute.cornerType, imageMode = imageAttribute.imageMode, imageScale = imageAttribute.imageScale, imageOffsetX = imageAttribute.imageOffsetX, imageOffsetY = imageAttribute.imageOffsetY, imagePosition = imageAttribute.imagePosition, image: url } = image.attribute;
         const data = this.valid(image, imageAttribute, fillCb);
         if (!data) {
             return;
@@ -20731,13 +21012,13 @@ let DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender
         const width = image.width;
         const height = image.height;
         context.beginPath();
-        let needRestore = false;
+        let needCornerClip = false;
         if (cornerRadius === 0 || (isArray(cornerRadius) && cornerRadius.every(num => num === 0))) {
             context.rect(x, y, width, height);
         }
         else {
             createRectPath(context, x, y, width, height, cornerRadius, cornerType !== 'bevel');
-            needRestore = true;
+            needCornerClip = true;
         }
         context.setShadowBlendStyle && context.setShadowBlendStyle(image, image.attribute, imageAttribute);
         const _runFill = () => {
@@ -20747,23 +21028,15 @@ let DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender
                 }
                 else if (fVisible) {
                     context.setCommonStyle(image, image.attribute, x, y, imageAttribute);
-                    let repeat = 0;
-                    if (repeatX === 'repeat') {
-                        repeat |= 0b0001;
-                    }
-                    if (repeatY === 'repeat') {
-                        repeat |= 0b0010;
-                    }
-                    if (repeat) {
-                        const pattern = context.createPattern(res.data, repeatStr[repeat]);
-                        context.fillStyle = pattern;
-                        context.translate(x, y, true);
-                        context.fillRect(0, 0, width, height);
-                        context.translate(-x, -y, true);
-                    }
-                    else {
-                        context.drawImage(res.data, x, y, width, height);
-                    }
+                    drawImageWithLayout(context, res.data, x, y, width, height, {
+                        repeatX,
+                        repeatY,
+                        imageMode,
+                        imageScale,
+                        imageOffsetX,
+                        imageOffsetY,
+                        imagePosition
+                    });
                 }
             }
         };
@@ -20778,27 +21051,37 @@ let DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender
                 }
             }
         };
+        const needLayoutClip = shouldClipImageByLayout({
+            repeatX,
+            repeatY,
+            imageMode,
+            imageScale,
+            imageOffsetX,
+            imageOffsetY,
+            imagePosition
+        });
+        const needClip = needCornerClip || needLayoutClip;
         if (!fillStrokeOrder) {
-            if (needRestore) {
+            if (needClip) {
                 context.save();
                 context.clip();
             }
             this.beforeRenderStep(image, context, x, y, doFill, false, fVisible, false, imageAttribute, drawContext, fillCb);
             _runFill();
-            if (needRestore) {
+            if (needClip) {
                 context.restore();
             }
             _runStroke();
         }
         else {
             _runStroke();
-            if (needRestore) {
+            if (needClip) {
                 context.save();
                 context.clip();
             }
             this.beforeRenderStep(image, context, x, y, doFill, false, fVisible, false, imageAttribute, drawContext, fillCb);
             _runFill();
-            if (needRestore) {
+            if (needClip) {
                 context.restore();
             }
         }
@@ -22052,7 +22335,7 @@ let DefaultDrawContribution = class DefaultDrawContribution {
         return data || this.currentRenderMap.get(type) || this.defaultRenderMap.get(type);
     }
     clearScreen(renderService, context, drawContext) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         const { clear, viewBox } = drawContext;
         const x = 0;
         const y = 0;
@@ -22064,11 +22347,24 @@ let DefaultDrawContribution = class DefaultDrawContribution {
                 renderService.drawParams.stage.hooks.afterClearRect.call(renderService.drawParams);
             }
             const stage = (_b = renderService.drawParams) === null || _b === void 0 ? void 0 : _b.stage;
-            stage && (context.globalAlpha = (_c = stage.attribute.opacity) !== null && _c !== void 0 ? _c : 1);
+            if (stage) {
+                context.globalAlpha =
+                    ((_c = stage.attribute.opacity) !== null && _c !== void 0 ? _c : 1) * ((_d = stage.attribute.backgroundOpacity) !== null && _d !== void 0 ? _d : 1);
+            }
             if (stage && stage.backgroundImg && stage.resources) {
-                const res = stage.resources.get(clear);
+                const res = stage.resources.get(getBackgroundImage(clear));
                 if (res && res.state === 'success' && res.data) {
-                    context.drawImage(res.data, x, y, width, height);
+                    const backgroundBounds = boundsAllocate.allocate(x, y, x + width, y + height);
+                    drawBackgroundImage(context, res.data, backgroundBounds, {
+                        backgroundMode: (_e = stage.attribute.backgroundMode) !== null && _e !== void 0 ? _e : DefaultAttribute.backgroundMode,
+                        backgroundFit: (_f = stage.attribute.backgroundFit) !== null && _f !== void 0 ? _f : DefaultAttribute.backgroundFit,
+                        backgroundKeepAspectRatio: (_g = stage.attribute.backgroundKeepAspectRatio) !== null && _g !== void 0 ? _g : DefaultAttribute.backgroundKeepAspectRatio,
+                        backgroundScale: (_h = stage.attribute.backgroundScale) !== null && _h !== void 0 ? _h : DefaultAttribute.backgroundScale,
+                        backgroundOffsetX: (_j = stage.attribute.backgroundOffsetX) !== null && _j !== void 0 ? _j : DefaultAttribute.backgroundOffsetX,
+                        backgroundOffsetY: (_k = stage.attribute.backgroundOffsetY) !== null && _k !== void 0 ? _k : DefaultAttribute.backgroundOffsetY,
+                        backgroundPosition: (_l = stage.attribute.backgroundPosition) !== null && _l !== void 0 ? _l : DefaultAttribute.backgroundPosition
+                    });
+                    boundsAllocate.free(backgroundBounds);
                 }
             }
             else {
@@ -22834,6 +23130,7 @@ class Stage extends Group {
     }
     set background(b) {
         this._background = b;
+        this.syncBackgroundImage(b);
     }
     get defaultLayer() {
         return this.at(0);
@@ -22853,6 +23150,30 @@ class Stage extends Group {
         this._ticker = ticker;
         this._ticker.on('tick', this.afterTickCb);
     }
+    syncBackgroundImage(background) {
+        var _a;
+        const source = (_a = background === null || background === void 0 ? void 0 : background.background) !== null && _a !== void 0 ? _a : background;
+        this.backgroundImg = false;
+        if (this.isImageBackgroundSource(source)) {
+            this.loadImage(source, true);
+        }
+    }
+    isImageBackgroundSource(source) {
+        if (!source) {
+            return false;
+        }
+        if (typeof source === 'string') {
+            return source.startsWith('<svg') || isValidUrl(source) || source.includes('/') || isBase64(source);
+        }
+        if (!isObject(source)) {
+            return false;
+        }
+        const gradientSource = source;
+        if (typeof gradientSource.gradient === 'string' && Array.isArray(gradientSource.stops)) {
+            return false;
+        }
+        return true;
+    }
     constructor(params = {}) {
         var _a, _b;
         super({});
@@ -22969,8 +23290,8 @@ class Stage extends Group {
             };
         }
         this.optmize(params.optimize);
-        if (params.background && isString(this._background) && this._background.includes('/')) {
-            this.setAttributes({ background: this._background });
+        if (params.background) {
+            this.syncBackgroundImage(this._background);
         }
         this.initAnimate(params);
         this.rafId = (_b = params.rafId) !== null && _b !== void 0 ? _b : Math.floor(Math.random() * 6);
@@ -28149,4 +28470,4 @@ const registerFlexLayoutPlugin = () => {
     Factory.registerPlugin('FlexLayoutPlugin', FlexLayoutPlugin);
 };
 
-export { ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, Circle, CircleRender, CircleRenderContribution, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, ContributionStore, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, GradientParser, Graphic, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncrementalDrawContribution, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Mat4Allocate, MatrixAllocate, MeasureModeEnum, MonotoneX, MonotoneY, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, STAR_NUMBER_TYPE, STATUS$1 as STATUS, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, Star, StarRender, StarRenderContribution, StaticLayerHandlerContribution, Step, StepClosed, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TransformUtil, UpdateTag, VGlobal, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleModule, clock, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCanvasEventTransformer, createCircle, createColor, createConicalGradient, createEventTransformer, createGlyph, createGroup, createImage, createLine, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, diff, divideCubic, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepClosedSegments, genStepSegments, genStepTypeSegments, getAttributeFromDefaultAttrList, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, identityMat4, imageModule, incrementalAddTo, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isNodeEnv, isSvg, isXML, layerService, lineModule, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, multiInject, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlobalEventTransformer, registerGlyphGraphic, registerGroupGraphic, registerHtmlAttributePlugin, registerImageGraphic, registerLineGraphic, registerOrthoCamera, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerStarGraphic, registerSymbolGraphic, registerTextGraphic, registerViewTransform3dPlugin, registerWindowEventTransformer, registerWrapTextGraphic, renderCommandList, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformMat4, transformPointForCanvas, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };
+export { ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, Circle, CircleRender, CircleRenderContribution, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, ContributionStore, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, GradientParser, Graphic, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncrementalDrawContribution, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Mat4Allocate, MatrixAllocate, MeasureModeEnum, MonotoneX, MonotoneY, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, STAR_NUMBER_TYPE, STATUS$1 as STATUS, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, Star, StarRender, StarRenderContribution, StaticLayerHandlerContribution, Step, StepClosed, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TransformUtil, UpdateTag, VGlobal, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleModule, clock, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCanvasEventTransformer, createCircle, createColor, createConicalGradient, createEventTransformer, createGlyph, createGroup, createImage, createLine, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, diff, divideCubic, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawBackgroundImage, drawImageWithLayout, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepClosedSegments, genStepSegments, genStepTypeSegments, getAttributeFromDefaultAttrList, getBackgroundImage, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, identityMat4, imageModule, incrementalAddTo, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isNoRepeatSizingMode, isNodeEnv, isSvg, isXML, layerService, lineModule, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, multiInject, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlobalEventTransformer, registerGlyphGraphic, registerGroupGraphic, registerHtmlAttributePlugin, registerImageGraphic, registerLineGraphic, registerOrthoCamera, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerStarGraphic, registerSymbolGraphic, registerTextGraphic, registerViewTransform3dPlugin, registerWindowEventTransformer, registerWrapTextGraphic, renderCommandList, resolveBackgroundDrawMode, resolveBackgroundParamsByImageSizing, resolveBackgroundPosition, resolveBackgroundSizing, resolveImageMode, resolveImageRepeatMode, resolveRenderableImageSize, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldClipImageByLayout, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformMat4, transformPointForCanvas, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };