@visactor/vrender-core 1.1.0-alpha.0 → 1.1.0-alpha.10

package/es/render/contributions/render/contributions/base-contribution-render.js

@@ -4,20 +4,16 @@ import { canvasAllocate } from "../../../../allocator/canvas-allocate";
 
 import { BaseRenderContributionTime } from "../../../../common/enums";
 
-import { InteractiveSubRenderContribution } from "./constants";
-
-import { contributionRegistry } from "../../../../common/registry";
-
 export class DefaultBaseBackgroundRenderContribution {
     constructor() {
         this.time = BaseRenderContributionTime.beforeFillStroke, this.useStyle = !0, this.order = 0;
     }
     drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb, options) {
         var _a;
-        const {background: background, backgroundOpacity: backgroundOpacity = (null !== (_a = graphic.attribute.fillOpacity) && void 0 !== _a ? _a : graphicAttribute.backgroundOpacity), opacity: opacity = graphicAttribute.opacity, backgroundMode: backgroundMode = graphicAttribute.backgroundMode, backgroundFit: backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio: backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale: backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX: backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY: backgroundOffsetY = graphicAttribute.backgroundOffsetY, backgroundClip: backgroundClip = graphicAttribute.backgroundClip} = graphic.attribute;
+        const {background: background, backgroundOpacity: backgroundOpacity = (null !== (_a = graphic.attribute.fillOpacity) && void 0 !== _a ? _a : graphicAttribute.backgroundOpacity), opacity: opacity = graphicAttribute.opacity, backgroundMode: backgroundMode = graphicAttribute.backgroundMode, backgroundFit: backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio: backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale: backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX: backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY: backgroundOffsetY = graphicAttribute.backgroundOffsetY, backgroundClip: backgroundClip = graphicAttribute.backgroundClip, backgroundPosition: backgroundPosition = graphicAttribute.backgroundPosition} = graphic.attribute;
         if (background) if (graphic.backgroundImg && graphic.resources) {
-            const res = graphic.resources.get(background);
-            if ("success" !== res.state || !res.data) return;
+            const res = graphic.resources.get(getBackgroundImage(background));
+            if (!res || "success" !== res.state || !res.data) return;
             if (context.save(), graphic.parent && !graphic.transMatrix.onlyTranslate()) {
                 const groupAttribute = getTheme(graphic.parent).group, {scrollX: scrollX = groupAttribute.scrollX, scrollY: scrollY = groupAttribute.scrollY} = graphic.parent.attribute;
                 context.setTransformFromMatrix(graphic.parent.globalTransMatrix, !0), context.translate(scrollX, scrollY);
@@ -31,53 +27,158 @@ export class DefaultBaseBackgroundRenderContribution {
                 backgroundKeepAspectRatio: backgroundKeepAspectRatio,
                 backgroundScale: backgroundScale,
                 backgroundOffsetX: backgroundOffsetX,
-                backgroundOffsetY: backgroundOffsetY
+                backgroundOffsetY: backgroundOffsetY,
+                backgroundPosition: backgroundPosition
             }), context.restore(), graphic.transMatrix.onlyTranslate() || context.setTransformForCurrent();
         } else context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), 
         context.globalAlpha = backgroundOpacity * opacity, context.fillStyle = background, 
         context.fill(), context.highPerformanceRestore();
     }
     doDrawImage(context, data, b, params) {
-        const {backgroundMode: backgroundMode, backgroundFit: backgroundFit, backgroundKeepAspectRatio: backgroundKeepAspectRatio, backgroundScale: backgroundScale = 1, backgroundOffsetX: backgroundOffsetX = 0, backgroundOffsetY: backgroundOffsetY = 0} = params, targetW = b.width(), targetH = b.height();
-        let w = targetW, h = targetH;
-        if ("no-repeat" === backgroundMode) if (backgroundFit) if (backgroundKeepAspectRatio) {
-            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 context.drawImage(data, b.x1, b.y1, b.width(), b.height()); else {
-            const resW = data.width * backgroundScale, resH = data.height * backgroundScale;
-            context.drawImage(data, b.x1 + backgroundOffsetX, b.y1 + backgroundOffsetY, resW, resH);
-        } else {
-            if (backgroundFit && "repeat" !== backgroundMode && (data.width || data.height)) {
-                const resW = data.width, resH = data.height;
-                if ("repeat-x" === backgroundMode) {
-                    w = resW * (targetH / resH), h = targetH;
-                } else if ("repeat-y" === backgroundMode) {
-                    h = resH * (targetW / resW), w = targetW;
-                }
-                const dpr = context.dpr, canvas = canvasAllocate.allocate({
-                    width: w,
-                    height: h,
-                    dpr: dpr
-                }), ctx = canvas.getContext("2d");
-                ctx && (ctx.inuse = !0, ctx.clearMatrix(), ctx.setTransformForCurrent(!0), ctx.clearRect(0, 0, w, h), 
-                ctx.drawImage(data, 0, 0, w, h), data = canvas.nativeCanvas), canvasAllocate.free(canvas);
-            }
-            const dpr = context.dpr, 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);
-        }
+        drawBackgroundImage(context, data, b, params);
     }
 }
 
 export const defaultBaseBackgroundRenderContribution = new DefaultBaseBackgroundRenderContribution;
 
+const verticalPositionKeywords = new Set([ "top", "center", "bottom" ]);
+
+export function getBackgroundImage(background) {
+    var _a;
+    return null !== (_a = null == background ? void 0 : background.background) && void 0 !== _a ? _a : background;
+}
+
+export function resolveBackgroundSizing({backgroundFit: backgroundFit, backgroundKeepAspectRatio: backgroundKeepAspectRatio}) {
+    return backgroundFit ? backgroundKeepAspectRatio ? "cover" : "fill" : "auto";
+}
+
+export function isNoRepeatSizingMode(mode) {
+    return "string" == typeof mode && 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"
+};
+
+export function resolveBackgroundDrawMode({backgroundMode: backgroundMode, backgroundFit: backgroundFit, backgroundKeepAspectRatio: backgroundKeepAspectRatio}) {
+    const sizing = NO_REPEAT_SIZING_MAP[backgroundMode];
+    return sizing ? {
+        backgroundRepeatMode: "no-repeat",
+        backgroundSizing: sizing
+    } : {
+        backgroundRepeatMode: backgroundMode,
+        backgroundSizing: resolveBackgroundSizing({
+            backgroundFit: backgroundFit,
+            backgroundKeepAspectRatio: backgroundKeepAspectRatio
+        })
+    };
+}
+
+function isPercentageValue(value) {
+    return /^-?\d+(\.\d+)?%$/.test(value);
+}
+
+function parsePositionToken(value, remainSpace, startKeyword, centerKeyword, endKeyword) {
+    if ("number" == typeof value && Number.isFinite(value)) return value;
+    const normalizedValue = `${null != value ? 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);
+    return Number.isFinite(parsedValue) ? parsedValue : 0;
+}
+
+function normalizeBackgroundPosition(position) {
+    var _a, _b;
+    if (Array.isArray(position)) return [ null !== (_a = position[0]) && void 0 !== _a ? _a : "left", null !== (_b = position[1]) && void 0 !== _b ? _b : "top" ];
+    const tokens = `${null != position ? position : "top-left"}`.trim().toLowerCase().replace(/-/g, " ").split(/\s+/).filter(Boolean);
+    if (0 === tokens.length) return [ "left", "top" ];
+    if (1 === tokens.length) {
+        const token = tokens[0];
+        return "center" === token ? [ "center", "center" ] : verticalPositionKeywords.has(token) ? [ "center", token ] : [ token, "center" ];
+    }
+    let horizontal, vertical;
+    const genericTokens = [];
+    for (let i = 0; i < 2; i++) {
+        const token = tokens[i];
+        "left" !== token && "right" !== token ? "top" !== token && "bottom" !== token ? genericTokens.push(token) : vertical = token : horizontal = token;
+    }
+    return null == horizontal && genericTokens.length && (horizontal = genericTokens.shift()), 
+    null == vertical && genericTokens.length && (vertical = genericTokens.shift()), 
+    [ null != horizontal ? horizontal : "left", null != vertical ? vertical : "top" ];
+}
+
+export 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 ("number" == typeof value && Number.isFinite(value) && value > 0) return value;
+    return null;
+}
+
+export function resolveRenderableImageSize(data) {
+    if (!data) return null;
+    const width = pickRenderableDimension(data.naturalWidth, data.videoWidth, data.width), height = pickRenderableDimension(data.naturalHeight, data.videoHeight, data.height);
+    return null == width || null == height ? null : {
+        width: width,
+        height: height
+    };
+}
+
+export function drawBackgroundImage(context, data, b, params) {
+    var _a, _b;
+    const {backgroundMode: backgroundMode, backgroundFit: backgroundFit, backgroundKeepAspectRatio: backgroundKeepAspectRatio, backgroundScale: backgroundScale = 1, backgroundOffsetX: backgroundOffsetX = 0, backgroundOffsetY: backgroundOffsetY = 0, backgroundPosition: backgroundPosition = "top-left"} = params, targetW = b.width(), targetH = b.height(), sourceSize = resolveRenderableImageSize(data), {backgroundRepeatMode: backgroundRepeatMode, backgroundSizing: resolvedBackgroundSizing} = resolveBackgroundDrawMode({
+        backgroundMode: backgroundMode,
+        backgroundFit: backgroundFit,
+        backgroundKeepAspectRatio: backgroundKeepAspectRatio
+    });
+    let w = targetW, h = targetH;
+    if (targetW <= 0 || targetH <= 0) return;
+    if ("no-repeat" === backgroundRepeatMode) {
+        let drawWidth = null !== (_a = null == sourceSize ? void 0 : sourceSize.width) && void 0 !== _a ? _a : targetW, drawHeight = null !== (_b = null == sourceSize ? void 0 : sourceSize.height) && void 0 !== _b ? _b : targetH;
+        if ("cover" !== resolvedBackgroundSizing && "contain" !== resolvedBackgroundSizing || !sourceSize) "fill" === resolvedBackgroundSizing && (drawWidth = targetW, 
+        drawHeight = targetH); else {
+            const scale = "cover" === resolvedBackgroundSizing ? Math.max(targetW / sourceSize.width, targetH / sourceSize.height) : Math.min(targetW / sourceSize.width, targetH / sourceSize.height);
+            drawWidth = sourceSize.width * scale, drawHeight = sourceSize.height * scale;
+        }
+        drawWidth *= backgroundScale, drawHeight *= backgroundScale;
+        const {x: x, y: y} = resolveBackgroundPosition(backgroundPosition, targetW - drawWidth, targetH - drawHeight);
+        return void context.drawImage(data, b.x1 + x + backgroundOffsetX, b.y1 + y + backgroundOffsetY, drawWidth, drawHeight);
+    }
+    if (backgroundFit && "repeat" !== backgroundRepeatMode && sourceSize) {
+        const resW = sourceSize.width, resH = sourceSize.height;
+        if ("repeat-x" === backgroundRepeatMode) {
+            w = resW * (targetH / resH), h = targetH;
+        } else if ("repeat-y" === backgroundRepeatMode) {
+            h = resH * (targetW / resW), w = targetW;
+        }
+        const dpr = context.dpr, canvas = canvasAllocate.allocate({
+            width: w,
+            height: h,
+            dpr: dpr
+        }), ctx = canvas.getContext("2d");
+        ctx && (ctx.inuse = !0, ctx.clearMatrix(), ctx.setTransformForCurrent(!0), ctx.clearRect(0, 0, w, h), 
+        ctx.drawImage(data, 0, 0, w, h), data = canvas.nativeCanvas), canvasAllocate.free(canvas);
+    }
+    const dpr = context.dpr, 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);
+}
+
 export class DefaultBaseInteractiveRenderContribution {
     constructor(subRenderContribitions) {
-        this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0, 
-        this.subRenderContribitions = subRenderContribitions || {
-            getContributions: () => contributionRegistry.get(InteractiveSubRenderContribution)
-        };
+        this.subRenderContribitions = subRenderContribitions, this.time = BaseRenderContributionTime.afterFillStroke, 
+        this.useStyle = !0, this.order = 0;
     }
     drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb, options) {
         this._subRenderContribitions || (this._subRenderContribitions = this.subRenderContribitions.getContributions()), 

package/es/render/contributions/render/contributions/base-contribution-render.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/render/contributions/render/contributions/base-contribution-render.ts"],"names":[],"mappings":"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","file":"base-contribution-render.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  IContext2d,\n  IGraphic,\n  IThemeAttribute,\n  IBaseRenderContribution,\n  IContributionProvider,\n  IDrawContext,\n  ISymbol,\n  IPath,\n  ISymbolGraphicAttribute\n} from '../../../../interface';\nimport type { IBounds } from '@visactor/vutils';\nimport { getTheme } from '../../../../graphic/theme';\nimport { canvasAllocate } from '../../../../allocator/canvas-allocate';\nimport { BaseRenderContributionTime } from '../../../../common/enums';\nimport { InteractiveSubRenderContribution } from './constants';\nimport { contributionRegistry } from '../../../../common/registry';\n\nexport class DefaultBaseBackgroundRenderContribution implements IBaseRenderContribution<IGraphic, IGraphicAttribute> {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.beforeFillStroke;\n  useStyle: boolean = true;\n  order: number = 0;\n  drawShape(\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    strokeCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    options?: any\n  ) {\n    const {\n      background,\n      backgroundOpacity = graphic.attribute.fillOpacity ?? graphicAttribute.backgroundOpacity,\n      opacity = graphicAttribute.opacity,\n      backgroundMode = graphicAttribute.backgroundMode,\n      backgroundFit = graphicAttribute.backgroundFit,\n      backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio,\n      backgroundScale = graphicAttribute.backgroundScale,\n      backgroundOffsetX = graphicAttribute.backgroundOffsetX,\n      backgroundOffsetY = graphicAttribute.backgroundOffsetY,\n      backgroundClip = graphicAttribute.backgroundClip\n    } = graphic.attribute;\n    if (!background) {\n      return;\n    }\n\n    if (graphic.backgroundImg && graphic.resources) {\n      const res = graphic.resources.get(background as any);\n      if (res.state !== 'success' || !res.data) {\n        return;\n      }\n\n      context.save();\n\n      if (graphic.parent && !graphic.transMatrix.onlyTranslate()) {\n        const groupAttribute = getTheme(graphic.parent).group;\n        const { scrollX = groupAttribute.scrollX, scrollY = groupAttribute.scrollY } = graphic.parent.attribute;\n        context.setTransformFromMatrix(graphic.parent.globalTransMatrix, true);\n        context.translate(scrollX, scrollY);\n      }\n      backgroundClip && context.clip();\n      const b = graphic.AABBBounds;\n      context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);\n      context.globalAlpha = backgroundOpacity * opacity;\n      this.doDrawImage(context, res.data, b, {\n        backgroundMode,\n        backgroundFit,\n        backgroundKeepAspectRatio,\n        backgroundScale,\n        backgroundOffsetX,\n        backgroundOffsetY\n      });\n      context.restore();\n      if (!graphic.transMatrix.onlyTranslate()) {\n        context.setTransformForCurrent();\n      }\n    } else {\n      context.highPerformanceSave();\n      context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);\n      context.globalAlpha = backgroundOpacity * opacity;\n      context.fillStyle = background as string;\n      context.fill();\n      context.highPerformanceRestore();\n    }\n  }\n\n  protected doDrawImage(\n    context: IContext2d,\n    data: any,\n    b: IBounds,\n    params: {\n      backgroundMode: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\n      backgroundFit: boolean;\n      backgroundKeepAspectRatio: boolean;\n      backgroundScale?: number;\n      backgroundOffsetX?: number;\n      backgroundOffsetY?: number;\n    }\n  ): void {\n    const {\n      backgroundMode,\n      backgroundFit,\n      backgroundKeepAspectRatio,\n      backgroundScale = 1,\n      backgroundOffsetX = 0,\n      backgroundOffsetY = 0\n    } = params;\n    const targetW = b.width();\n    const targetH = b.height();\n    let w = targetW;\n    let h = targetH;\n    if (backgroundMode === 'no-repeat') {\n      if (backgroundFit) {\n        if (!backgroundKeepAspectRatio) {\n          context.drawImage(data, b.x1, b.y1, b.width(), b.height());\n        } else {\n          const maxScale = Math.max(targetW / data.width, targetH / data.height);\n          context.drawImage(\n            data,\n            b.x1 + backgroundOffsetX,\n            b.y1 + backgroundOffsetY,\n            data.width * maxScale * backgroundScale,\n            data.height * maxScale * backgroundScale\n          );\n        }\n      } else {\n        const resW = data.width * backgroundScale;\n        const resH = data.height * backgroundScale;\n        context.drawImage(data, b.x1 + backgroundOffsetX, b.y1 + backgroundOffsetY, resW, resH);\n      }\n    } else {\n      // debugger;\n      // TODO 考虑缓存\n      if (backgroundFit && backgroundMode !== 'repeat' && (data.width || data.height)) {\n        const resW = data.width;\n        const resH = data.height;\n\n        if (backgroundMode === 'repeat-x') {\n          // 高度适应\n          const ratio = targetH / resH;\n          w = resW * ratio;\n          h = targetH;\n        } else if (backgroundMode === 'repeat-y') {\n          // 宽度适应\n          const ratio = targetW / resW;\n          h = resH * ratio;\n          w = targetW;\n        }\n\n        const dpr = context.dpr;\n        const canvas = canvasAllocate.allocate({ width: w, height: h, dpr });\n        const ctx = canvas.getContext('2d');\n        if (ctx) {\n          ctx.inuse = true;\n          ctx.clearMatrix();\n          ctx.setTransformForCurrent(true);\n          ctx.clearRect(0, 0, w, h);\n          ctx.drawImage(data, 0, 0, w, h);\n          data = canvas.nativeCanvas;\n        }\n        canvasAllocate.free(canvas);\n      }\n      const dpr = context.dpr;\n      const pattern = context.createPattern(data, backgroundMode);\n      pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, 0, 0]));\n      context.fillStyle = pattern;\n      context.translate(b.x1, b.y1);\n      context.fillRect(0, 0, targetW, targetH);\n      context.translate(-b.x1, -b.y1);\n    }\n  }\n}\n\nexport const defaultBaseBackgroundRenderContribution = new DefaultBaseBackgroundRenderContribution();\n\nexport interface IInteractiveSubRenderContribution {\n  render: (\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    strokeCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    options?: any\n  ) => void;\n}\n\nexport class DefaultBaseInteractiveRenderContribution implements IBaseRenderContribution<IGraphic, IGraphicAttribute> {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle: boolean = true;\n  order: number = 0;\n\n  _subRenderContribitions?: IInteractiveSubRenderContribution[];\n  protected readonly subRenderContribitions: IContributionProvider<IInteractiveSubRenderContribution>;\n\n  constructor(subRenderContribitions?: IContributionProvider<IInteractiveSubRenderContribution>) {\n    this.subRenderContribitions =\n      subRenderContribitions ||\n      ({\n        getContributions: () =>\n          contributionRegistry.get<IInteractiveSubRenderContribution>(InteractiveSubRenderContribution)\n      } as IContributionProvider<IInteractiveSubRenderContribution>);\n  }\n\n  drawShape(\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    strokeCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    options?: any\n  ) {\n    if (!this._subRenderContribitions) {\n      this._subRenderContribitions = this.subRenderContribitions.getContributions();\n    }\n    this._subRenderContribitions.forEach(c => {\n      c.render(\n        graphic,\n        context,\n        x,\n        y,\n        doFill,\n        doStroke,\n        fVisible,\n        sVisible,\n        graphicAttribute,\n        drawContext,\n        fillCb,\n        strokeCb,\n        options\n      );\n    });\n  }\n}\n\nexport class DefaultBaseClipRenderBeforeContribution implements IBaseRenderContribution<IGraphic, IGraphicAttribute> {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.beforeFillStroke;\n  useStyle: boolean = true;\n  order: number = 0;\n  drawShape(\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IGraphicAttribute>,\n      themeAttribute: IThemeAttribute,\n      final?: boolean\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IGraphicAttribute>,\n      themeAttribute: IThemeAttribute,\n      final?: boolean\n    ) => boolean,\n    options?: any\n  ) {\n    const { clipConfig } = graphic.attribute;\n    if (!clipConfig) {\n      return;\n    }\n    const clipPath = graphic.getClipPath();\n    if (!clipPath) {\n      return;\n    }\n    const draw = !(fillCb || strokeCb);\n    const b = graphic.AABBBounds;\n    const width = (graphic.attribute as any).width ?? b.width();\n    const height = (graphic.attribute as any).height ?? b.height();\n    if (draw) {\n      context.save();\n    }\n    context.beginPath();\n    if (clipPath.draw(context, [width, height], x + width / 2, y + height / 2, 0) === false) {\n      context.closePath();\n    }\n    if (fillCb) {\n      fillCb(context, graphic.attribute, graphicAttribute, true);\n    }\n\n    if (draw) {\n      context.clip();\n    }\n  }\n}\n\nexport const defaultBaseClipRenderBeforeContribution = new DefaultBaseClipRenderBeforeContribution();\nexport class DefaultBaseClipRenderAfterContribution implements IBaseRenderContribution<IGraphic, IGraphicAttribute> {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle: boolean = true;\n  order: number = 0;\n  drawShape(\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    strokeCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    options?: any\n  ) {\n    const { clipConfig } = graphic.attribute;\n    if (!clipConfig) {\n      return;\n    }\n    const clipPath = graphic.getClipPath();\n    if (!clipPath) {\n      return;\n    }\n    if (!(fillCb || strokeCb)) {\n      context.restore();\n    }\n  }\n}\n\nexport const defaultBaseClipRenderAfterContribution = new DefaultBaseClipRenderAfterContribution();\n"]}
+{"version":3,"sources":["../src/render/contributions/render/contributions/base-contribution-render.ts"],"names":[],"mappings":"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","file":"base-contribution-render.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  BackgroundSizing,\n  IContext2d,\n  IGraphic,\n  IThemeAttribute,\n  IBaseRenderContribution,\n  IContributionProvider,\n  IDrawContext\n} from '../../../../interface';\nimport type { IBounds } from '@visactor/vutils';\nimport { getTheme } from '../../../../graphic/theme';\nimport { canvasAllocate } from '../../../../allocator/canvas-allocate';\nimport { BaseRenderContributionTime } from '../../../../common/enums';\n\nexport class DefaultBaseBackgroundRenderContribution implements IBaseRenderContribution<IGraphic, IGraphicAttribute> {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.beforeFillStroke;\n  useStyle: boolean = true;\n  order: number = 0;\n  drawShape(\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    strokeCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    options?: any\n  ) {\n    const {\n      background,\n      backgroundOpacity = graphic.attribute.fillOpacity ?? graphicAttribute.backgroundOpacity,\n      opacity = graphicAttribute.opacity,\n      backgroundMode = graphicAttribute.backgroundMode,\n      backgroundFit = graphicAttribute.backgroundFit,\n      backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio,\n      backgroundScale = graphicAttribute.backgroundScale,\n      backgroundOffsetX = graphicAttribute.backgroundOffsetX,\n      backgroundOffsetY = graphicAttribute.backgroundOffsetY,\n      backgroundClip = graphicAttribute.backgroundClip,\n      backgroundPosition = graphicAttribute.backgroundPosition\n    } = graphic.attribute;\n    if (!background) {\n      return;\n    }\n\n    if (graphic.backgroundImg && graphic.resources) {\n      const res = graphic.resources.get(getBackgroundImage(background) as any);\n      if (!res || res.state !== 'success' || !res.data) {\n        return;\n      }\n\n      context.save();\n\n      if (graphic.parent && !graphic.transMatrix.onlyTranslate()) {\n        const groupAttribute = getTheme(graphic.parent).group;\n        const { scrollX = groupAttribute.scrollX, scrollY = groupAttribute.scrollY } = graphic.parent.attribute;\n        context.setTransformFromMatrix(graphic.parent.globalTransMatrix, true);\n        context.translate(scrollX, scrollY);\n      }\n      backgroundClip && context.clip();\n      const b = graphic.AABBBounds;\n      context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);\n      context.globalAlpha = backgroundOpacity * opacity;\n      this.doDrawImage(context, res.data, b, {\n        backgroundMode,\n        backgroundFit,\n        backgroundKeepAspectRatio,\n        backgroundScale,\n        backgroundOffsetX,\n        backgroundOffsetY,\n        backgroundPosition\n      });\n      context.restore();\n      if (!graphic.transMatrix.onlyTranslate()) {\n        context.setTransformForCurrent();\n      }\n    } else {\n      context.highPerformanceSave();\n      context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);\n      context.globalAlpha = backgroundOpacity * opacity;\n      context.fillStyle = background as string;\n      context.fill();\n      context.highPerformanceRestore();\n    }\n  }\n\n  protected doDrawImage(context: IContext2d, data: any, b: IBounds, params: IBackgroundImageDrawParams): void {\n    drawBackgroundImage(context, data, b, params);\n  }\n}\n\nexport const defaultBaseBackgroundRenderContribution = new DefaultBaseBackgroundRenderContribution();\n\nexport type IBackgroundImageDrawParams = {\n  backgroundMode: IGraphicAttribute['backgroundMode'];\n  backgroundFit: boolean;\n  backgroundKeepAspectRatio: boolean;\n  backgroundScale?: number;\n  backgroundOffsetX?: number;\n  backgroundOffsetY?: number;\n  backgroundPosition?: IGraphicAttribute['backgroundPosition'];\n};\n\ntype BackgroundPositionValue = number | string;\n\nconst verticalPositionKeywords = new Set(['top', 'center', 'bottom']);\n\nexport function getBackgroundImage(background: any) {\n  return background?.background ?? background;\n}\n\nexport function resolveBackgroundSizing({\n  backgroundFit,\n  backgroundKeepAspectRatio\n}: Pick<IBackgroundImageDrawParams, 'backgroundFit' | 'backgroundKeepAspectRatio'>): NonNullable<BackgroundSizing> {\n  if (backgroundFit) {\n    return backgroundKeepAspectRatio ? 'cover' : 'fill';\n  }\n  return 'auto';\n}\n\nexport function isNoRepeatSizingMode(\n  mode: IGraphicAttribute['backgroundMode']\n): mode is Extract<IGraphicAttribute['backgroundMode'], `no-repeat-${string}`> {\n  return typeof mode === 'string' && mode.startsWith('no-repeat-');\n}\n\nconst NO_REPEAT_SIZING_MAP: Record<string, BackgroundSizing> = {\n  'no-repeat-cover': 'cover',\n  'no-repeat-contain': 'contain',\n  'no-repeat-fill': 'fill',\n  'no-repeat-auto': 'auto'\n};\n\nexport function resolveBackgroundDrawMode({\n  backgroundMode,\n  backgroundFit,\n  backgroundKeepAspectRatio\n}: Pick<IBackgroundImageDrawParams, 'backgroundMode' | 'backgroundFit' | 'backgroundKeepAspectRatio'>): {\n  backgroundRepeatMode: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\n  backgroundSizing: BackgroundSizing;\n} {\n  const sizing = NO_REPEAT_SIZING_MAP[backgroundMode];\n  if (sizing) {\n    return {\n      backgroundRepeatMode: 'no-repeat',\n      backgroundSizing: sizing\n    };\n  }\n\n  return {\n    backgroundRepeatMode: backgroundMode as 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat',\n    backgroundSizing: resolveBackgroundSizing({\n      backgroundFit,\n      backgroundKeepAspectRatio\n    })\n  };\n}\n\nfunction isPercentageValue(value: string): boolean {\n  return /^-?\\d+(\\.\\d+)?%$/.test(value);\n}\n\nfunction parsePositionToken(\n  value: BackgroundPositionValue,\n  remainSpace: number,\n  startKeyword: 'left' | 'top',\n  centerKeyword: 'center',\n  endKeyword: 'right' | 'bottom'\n): number {\n  if (typeof value === 'number' && Number.isFinite(value)) {\n    return value;\n  }\n\n  const normalizedValue = `${value ?? ''}`.trim().toLowerCase();\n\n  if (!normalizedValue || normalizedValue === startKeyword) {\n    return 0;\n  }\n  if (normalizedValue === centerKeyword) {\n    return remainSpace / 2;\n  }\n  if (normalizedValue === endKeyword) {\n    return remainSpace;\n  }\n  if (isPercentageValue(normalizedValue)) {\n    return (remainSpace * parseFloat(normalizedValue)) / 100;\n  }\n\n  const parsedValue = Number(normalizedValue);\n  if (Number.isFinite(parsedValue)) {\n    return parsedValue;\n  }\n\n  return 0;\n}\n\nfunction normalizeBackgroundPosition(\n  position?: IGraphicAttribute['backgroundPosition']\n): [BackgroundPositionValue, BackgroundPositionValue] {\n  if (Array.isArray(position)) {\n    return [position[0] ?? 'left', position[1] ?? 'top'];\n  }\n\n  const normalizedPosition = `${position ?? 'top-left'}`.trim().toLowerCase().replace(/-/g, ' ');\n  const tokens = normalizedPosition.split(/\\s+/).filter(Boolean);\n\n  if (tokens.length === 0) {\n    return ['left', 'top'];\n  }\n\n  if (tokens.length === 1) {\n    const token = tokens[0];\n    if (token === 'center') {\n      return ['center', 'center'];\n    }\n    if (verticalPositionKeywords.has(token)) {\n      return ['center', token];\n    }\n    return [token, 'center'];\n  }\n\n  let horizontal: BackgroundPositionValue | undefined;\n  let vertical: BackgroundPositionValue | undefined;\n  const genericTokens: BackgroundPositionValue[] = [];\n\n  for (let i = 0; i < 2; i++) {\n    const token = tokens[i];\n    if (token === 'left' || token === 'right') {\n      horizontal = token;\n      continue;\n    }\n    if (token === 'top' || token === 'bottom') {\n      vertical = token;\n      continue;\n    }\n    genericTokens.push(token);\n  }\n\n  if (horizontal == null && genericTokens.length) {\n    horizontal = genericTokens.shift();\n  }\n  if (vertical == null && genericTokens.length) {\n    vertical = genericTokens.shift();\n  }\n\n  return [horizontal ?? 'left', vertical ?? 'top'];\n}\n\nexport function resolveBackgroundPosition(\n  position: IGraphicAttribute['backgroundPosition'],\n  remainWidth: number,\n  remainHeight: number\n) {\n  const [horizontalPosition, verticalPosition] = normalizeBackgroundPosition(position);\n  return {\n    x: parsePositionToken(horizontalPosition, remainWidth, 'left', 'center', 'right'),\n    y: parsePositionToken(verticalPosition, remainHeight, 'top', 'center', 'bottom')\n  };\n}\n\nfunction pickRenderableDimension(...values: any[]): number | null {\n  for (const value of values) {\n    if (typeof value === 'number' && Number.isFinite(value) && value > 0) {\n      return value;\n    }\n  }\n  return null;\n}\n\nexport function resolveRenderableImageSize(data: any): { width: number; height: number } | null {\n  if (!data) {\n    return null;\n  }\n\n  // DOM image-like resources may expose intrinsic size on naturalWidth/videoWidth\n  // while width/height stays 0, so prefer intrinsic dimensions when available.\n  const width = pickRenderableDimension(data.naturalWidth, data.videoWidth, data.width);\n  const height = pickRenderableDimension(data.naturalHeight, data.videoHeight, data.height);\n\n  if (width == null || height == null) {\n    return null;\n  }\n\n  return { width, height };\n}\n\nexport function drawBackgroundImage(\n  context: IContext2d,\n  data: any,\n  b: IBounds,\n  params: IBackgroundImageDrawParams\n): void {\n  const {\n    backgroundMode,\n    backgroundFit,\n    backgroundKeepAspectRatio,\n    backgroundScale = 1,\n    backgroundOffsetX = 0,\n    backgroundOffsetY = 0,\n    backgroundPosition = 'top-left'\n  } = params;\n  const targetW = b.width();\n  const targetH = b.height();\n  const sourceSize = resolveRenderableImageSize(data);\n  const { backgroundRepeatMode, backgroundSizing: resolvedBackgroundSizing } = resolveBackgroundDrawMode({\n    backgroundMode,\n    backgroundFit,\n    backgroundKeepAspectRatio\n  });\n  let w = targetW;\n  let h = targetH;\n\n  if (targetW <= 0 || targetH <= 0) {\n    return;\n  }\n\n  if (backgroundRepeatMode === 'no-repeat') {\n    let drawWidth = sourceSize?.width ?? targetW;\n    let drawHeight = sourceSize?.height ?? targetH;\n\n    if ((resolvedBackgroundSizing === 'cover' || resolvedBackgroundSizing === 'contain') && sourceSize) {\n      const scale =\n        resolvedBackgroundSizing === 'cover'\n          ? Math.max(targetW / sourceSize.width, targetH / sourceSize.height)\n          : Math.min(targetW / sourceSize.width, targetH / sourceSize.height);\n      drawWidth = sourceSize.width * scale;\n      drawHeight = sourceSize.height * scale;\n    } else if (resolvedBackgroundSizing === 'fill') {\n      drawWidth = targetW;\n      drawHeight = targetH;\n    }\n\n    drawWidth *= backgroundScale;\n    drawHeight *= backgroundScale;\n\n    const { x, y } = resolveBackgroundPosition(backgroundPosition, targetW - drawWidth, targetH - drawHeight);\n    context.drawImage(data, b.x1 + x + backgroundOffsetX, b.y1 + y + backgroundOffsetY, drawWidth, drawHeight);\n    return;\n  }\n\n  // TODO 考虑缓存\n  if (backgroundFit && backgroundRepeatMode !== 'repeat' && sourceSize) {\n    const resW = sourceSize.width;\n    const resH = sourceSize.height;\n\n    if (backgroundRepeatMode === 'repeat-x') {\n      // 高度适应\n      const ratio = targetH / resH;\n      w = resW * ratio;\n      h = targetH;\n    } else if (backgroundRepeatMode === 'repeat-y') {\n      // 宽度适应\n      const ratio = targetW / resW;\n      h = resH * ratio;\n      w = targetW;\n    }\n\n    const dpr = context.dpr;\n    const canvas = canvasAllocate.allocate({ width: w, height: h, dpr });\n    const ctx = canvas.getContext('2d');\n    if (ctx) {\n      ctx.inuse = true;\n      ctx.clearMatrix();\n      ctx.setTransformForCurrent(true);\n      ctx.clearRect(0, 0, w, h);\n      ctx.drawImage(data, 0, 0, w, h);\n      data = canvas.nativeCanvas;\n    }\n    canvasAllocate.free(canvas);\n  }\n  const dpr = context.dpr;\n  const pattern = context.createPattern(data, backgroundRepeatMode);\n  pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, 0, 0]));\n  context.fillStyle = pattern;\n  context.translate(b.x1, b.y1);\n  context.fillRect(0, 0, targetW, targetH);\n  context.translate(-b.x1, -b.y1);\n}\n\nexport interface IInteractiveSubRenderContribution {\n  render: (\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    strokeCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    options?: any\n  ) => void;\n}\n\nexport class DefaultBaseInteractiveRenderContribution implements IBaseRenderContribution<IGraphic, IGraphicAttribute> {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle: boolean = true;\n  order: number = 0;\n\n  _subRenderContribitions?: IInteractiveSubRenderContribution[];\n  constructor(protected readonly subRenderContribitions: IContributionProvider<IInteractiveSubRenderContribution>) {}\n\n  drawShape(\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    strokeCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    options?: any\n  ) {\n    if (!this._subRenderContribitions) {\n      this._subRenderContribitions = this.subRenderContribitions.getContributions();\n    }\n    this._subRenderContribitions.forEach(c => {\n      c.render(\n        graphic,\n        context,\n        x,\n        y,\n        doFill,\n        doStroke,\n        fVisible,\n        sVisible,\n        graphicAttribute,\n        drawContext,\n        fillCb,\n        strokeCb,\n        options\n      );\n    });\n  }\n}\n\nexport class DefaultBaseClipRenderBeforeContribution implements IBaseRenderContribution<IGraphic, IGraphicAttribute> {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.beforeFillStroke;\n  useStyle: boolean = true;\n  order: number = 0;\n  drawShape(\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IGraphicAttribute>,\n      themeAttribute: IThemeAttribute,\n      final?: boolean\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IGraphicAttribute>,\n      themeAttribute: IThemeAttribute,\n      final?: boolean\n    ) => boolean,\n    options?: any\n  ) {\n    const { clipConfig } = graphic.attribute;\n    if (!clipConfig) {\n      return;\n    }\n    const clipPath = graphic.getClipPath();\n    if (!clipPath) {\n      return;\n    }\n    const draw = !(fillCb || strokeCb);\n    const b = graphic.AABBBounds;\n    const width = (graphic.attribute as any).width ?? b.width();\n    const height = (graphic.attribute as any).height ?? b.height();\n    if (draw) {\n      context.save();\n    }\n    context.beginPath();\n    if (clipPath.draw(context, [width, height], x + width / 2, y + height / 2, 0) === false) {\n      context.closePath();\n    }\n    if (fillCb) {\n      fillCb(context, graphic.attribute, graphicAttribute, true);\n    }\n\n    if (draw) {\n      context.clip();\n    }\n  }\n}\n\nexport const defaultBaseClipRenderBeforeContribution = new DefaultBaseClipRenderBeforeContribution();\nexport class DefaultBaseClipRenderAfterContribution implements IBaseRenderContribution<IGraphic, IGraphicAttribute> {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle: boolean = true;\n  order: number = 0;\n  drawShape(\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    strokeCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    options?: any\n  ) {\n    const { clipConfig } = graphic.attribute;\n    if (!clipConfig) {\n      return;\n    }\n    const clipPath = graphic.getClipPath();\n    if (!clipPath) {\n      return;\n    }\n    if (!(fillCb || strokeCb)) {\n      context.restore();\n    }\n  }\n}\n\nexport const defaultBaseClipRenderAfterContribution = new DefaultBaseClipRenderAfterContribution();\n"]}

package/es/render/contributions/render/contributions/base-texture-contribution-render.d.ts

@@ -3,7 +3,7 @@ import type { IBaseRenderContribution, IContext2d, IDrawContext, IGraphic, IGrap
 export declare class DefaultBaseTextureRenderContribution implements IBaseRenderContribution<IGraphic, IGraphicAttribute> {
     time: BaseRenderContributionTime;
     useStyle: boolean;
-    textureMap?: Map<string, CanvasPattern>;
+    textureMap?: Map<string | HTMLImageElement | HTMLCanvasElement, CanvasPattern>;
     order: number;
     _tempSymbolGraphic: ISymbol | null;
     createCommonPattern(size: number, padding: number, color: string, targetContext: IContext2d, cb: (r: number, targetContext: IContext2d) => void): CanvasPattern;
@@ -17,6 +17,8 @@ export declare class DefaultBaseTextureRenderContribution implements IBaseRender
     createGridPattern(size: number, padding: number, color: string, targetContext: IContext2d): CanvasPattern;
     initTextureMap(ctx: IContext2d, stage: IStage): void;
     drawShape(graphic: IGraphic, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, graphicAttribute: Required<IGraphicAttribute>, drawContext: IDrawContext, fillCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, options?: any): void;
-    protected drawTexture(texture: string, graphic: IGraphic, context: IContext2d, x: number, y: number, graphicAttribute: Required<IGraphicAttribute>, textureColor: string, textureSize: number, texturePadding: number): void;
+    protected drawTexture(texture: string | HTMLImageElement | HTMLCanvasElement, graphic: IGraphic, context: IContext2d, x: number, y: number, graphicAttribute: Required<IGraphicAttribute>, textureColor: string, textureSize: number, texturePadding: number): void;
+    protected getPatternCacheKey(texture: string | HTMLImageElement | HTMLCanvasElement, textureSize: number, texturePadding: number, textureColor: string, dpr: number, textureRadius: number): string | HTMLImageElement | HTMLCanvasElement;
+    protected createResourcePattern(texture: string | HTMLImageElement | HTMLCanvasElement, graphic: IGraphic, context: IContext2d, texturePadding: number, textureRadius: number): CanvasPattern;
 }
 export declare const defaultBaseTextureRenderContribution: DefaultBaseTextureRenderContribution;

package/es/render/contributions/render/contributions/base-texture-contribution-render.js

@@ -6,6 +6,8 @@ import { createSymbol } from "../../../../graphic";
 
 import { pi2 } from "@visactor/vutils";
 
+const builtinProceduralTextureTypes = new Set([ "circle", "diamond", "rect", "vertical-line", "horizontal-line", "bias-lr", "bias-rl", "grid" ]);
+
 function formatRatio(ratio) {
     return ratio <= .5 ? 4 * ratio - 1 : -4 * ratio + 3;
 }
@@ -104,42 +106,47 @@ export class DefaultBaseTextureRenderContribution {
         texture && 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, _f;
         const {textureRatio: textureRatio = graphicAttribute.textureRatio, textureOptions: textureOptions = null} = graphic.attribute;
-        let pattern = this.textureMap.get(texture);
-        if (!pattern) switch (texture) {
-          case "circle":
-            pattern = this.createCirclePattern(textureSize, texturePadding, textureColor, context);
-            break;
+        let pattern = null;
+        const textureRadius = null !== (_a = null == textureOptions ? void 0 : textureOptions.radius) && void 0 !== _a ? _a : 0, patternKey = this.getPatternCacheKey(texture, textureSize, texturePadding, textureColor, context.dpr, textureRadius);
+        if (null !== patternKey && (pattern = this.textureMap.get(patternKey)), !pattern) {
+            if ("string" == typeof texture) switch (texture) {
+              case "circle":
+                pattern = this.createCirclePattern(textureSize, texturePadding, textureColor, context);
+                break;
 
-          case "diamond":
-            pattern = this.createDiamondPattern(textureSize, texturePadding, textureColor, context);
-            break;
+              case "diamond":
+                pattern = this.createDiamondPattern(textureSize, texturePadding, textureColor, context);
+                break;
 
-          case "rect":
-            pattern = this.createRectPattern(textureSize, texturePadding, textureColor, context);
-            break;
+              case "rect":
+                pattern = this.createRectPattern(textureSize, texturePadding, textureColor, context);
+                break;
 
-          case "vertical-line":
-            pattern = this.createVerticalLinePattern(textureSize, texturePadding, textureColor, context);
-            break;
+              case "vertical-line":
+                pattern = this.createVerticalLinePattern(textureSize, texturePadding, textureColor, context);
+                break;
 
-          case "horizontal-line":
-            pattern = this.createHorizontalLinePattern(textureSize, texturePadding, textureColor, context);
-            break;
+              case "horizontal-line":
+                pattern = this.createHorizontalLinePattern(textureSize, texturePadding, textureColor, context);
+                break;
 
-          case "bias-lr":
-            pattern = this.createBiasLRLinePattern(textureSize, texturePadding, textureColor, context);
-            break;
+              case "bias-lr":
+                pattern = this.createBiasLRLinePattern(textureSize, texturePadding, textureColor, context);
+                break;
 
-          case "bias-rl":
-            pattern = this.createBiasRLLinePattern(textureSize, texturePadding, textureColor, context);
-            break;
+              case "bias-rl":
+                pattern = this.createBiasRLLinePattern(textureSize, texturePadding, textureColor, context);
+                break;
 
-          case "grid":
-            pattern = this.createGridPattern(textureSize, texturePadding, textureColor, context);
+              case "grid":
+                pattern = this.createGridPattern(textureSize, texturePadding, textureColor, context);
+            }
+            pattern || (pattern = this.createResourcePattern(texture, graphic, context, texturePadding, textureRadius)), 
+            pattern && null !== patternKey && this.textureMap.set(patternKey, pattern);
         }
-        if (textureOptions && textureOptions.dynamicTexture) {
+        if ("string" == typeof texture && textureOptions && textureOptions.dynamicTexture) {
             const {gridConfig: gridConfig = {}, useNewCanvas: useNewCanvas} = textureOptions, b = graphic.AABBBounds;
             x = b.x1, y = b.y1;
             const originalContext = context;
@@ -169,14 +176,26 @@ export class DefaultBaseTextureRenderContribution {
             const parsedPath = this._tempSymbolGraphic.getParsedPath();
             for (let i = 0; i < gridRows; i++) for (let j = 0; j < gridColumns; j++) {
                 const _x = x + cellSize / 2 + j * cellSize, _y = y + cellSize / 2 + i * cellSize;
-                null === (_a = textureOptions.beforeDynamicTexture) || void 0 === _a || _a.call(textureOptions, context, i, j, gridRows, gridColumns, textureRatio, graphic, b.width(), b.height()), 
+                null === (_b = textureOptions.beforeDynamicTexture) || void 0 === _b || _b.call(textureOptions, context, i, j, gridRows, gridColumns, textureRatio, graphic, b.width(), b.height()), 
                 context.beginPath(), !1 === parsedPath.draw(context, Math.min(sizeW - gutterColumn, sizeH - gutterRow), _x, _y, 0) && context.closePath(), 
                 context.fillStyle = textureColor, textureOptions.dynamicTexture(context, i, j, gridRows, gridColumns, textureRatio, graphic, b.width(), b.height());
             }
             useNewCanvas && (originalContext.globalAlpha = 1, originalContext.drawImage(newCanvas.nativeCanvas, 0, 0, newCanvas.nativeCanvas.width, newCanvas.nativeCanvas.height, b.x1, b.y1, b.width() * originalContext.dpr, b.height() * originalContext.dpr)), 
             originalContext.restore();
-        } else if (pattern) context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), 
-        context.fillStyle = pattern, context.fill(), context.highPerformanceRestore(); else if ("wave" === texture) {
+        } else if (pattern) {
+            if (pattern.setTransform) {
+                const alignToGraphic = !!(null == textureOptions ? void 0 : textureOptions.alignToGraphic), alignOffsetX = null !== (_c = null == textureOptions ? void 0 : textureOptions.alignOffsetX) && void 0 !== _c ? _c : 0, alignOffsetY = null !== (_d = null == textureOptions ? void 0 : textureOptions.alignOffsetY) && void 0 !== _d ? _d : 0;
+                let translateX = 0, translateY = 0;
+                if (alignToGraphic) {
+                    const m = context.currentMatrix;
+                    translateX = (null !== (_e = null == m ? void 0 : m.e) && void 0 !== _e ? _e : 0) + x + alignOffsetX, 
+                    translateY = (null !== (_f = null == m ? void 0 : m.f) && void 0 !== _f ? _f : 0) + y + alignOffsetY;
+                } else (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, context.fill(), context.highPerformanceRestore();
+        } else if ("wave" === texture) {
             context.save(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), 
             context.clip();
             const b = graphic.AABBBounds;
@@ -185,6 +204,42 @@ export class DefaultBaseTextureRenderContribution {
             }), x + b.x1 - x, y + b.y1 - y), context.restore();
         }
     }
+    getPatternCacheKey(texture, textureSize, texturePadding, textureColor, dpr, textureRadius) {
+        return "string" != typeof texture ? texturePadding > 0 || textureRadius > 0 ? null : texture : "wave" === texture ? null : builtinProceduralTextureTypes.has(texture) ? `builtin:${texture}|size:${textureSize}|padding:${texturePadding}|color:${textureColor}|dpr:${dpr}` : `resource:${texture}|padding:${texturePadding}|radius:${textureRadius}|dpr:${dpr}`;
+    }
+    createResourcePattern(texture, graphic, context, texturePadding, textureRadius) {
+        var _a;
+        const resource = null === (_a = graphic.resources) || void 0 === _a ? void 0 : _a.get(texture), data = "success" === (null == resource ? void 0 : resource.state) ? resource.data : "object" == typeof texture ? texture : null;
+        if (!data) return null;
+        if (texturePadding > 0 || textureRadius > 0) {
+            const w = data.naturalWidth || data.width, h = data.naturalHeight || data.height;
+            if (w > 0 && h > 0) {
+                const tileW = w + 2 * texturePadding, tileH = h + 2 * texturePadding, canvas = canvasAllocate.allocate({
+                    width: tileW,
+                    height: tileH,
+                    dpr: context.dpr
+                }), ctx = canvas.getContext("2d");
+                if (ctx) {
+                    if (ctx.inuse = !0, ctx.clearMatrix(), ctx.setTransformForCurrent(!0), ctx.clearRect(0, 0, tileW, tileH), 
+                    textureRadius > 0) {
+                        const r = Math.max(0, Math.min(textureRadius, Math.min(w, h) / 2)), x0 = texturePadding, y0 = texturePadding, x1 = x0 + w, y1 = y0 + h;
+                        ctx.beginPath(), ctx.moveTo(x0 + r, y0), ctx.lineTo(x1 - r, y0), ctx.quadraticCurveTo(x1, y0, x1, y0 + r), 
+                        ctx.lineTo(x1, y1 - r), ctx.quadraticCurveTo(x1, y1, x1 - r, y1), ctx.lineTo(x0 + r, y1), 
+                        ctx.quadraticCurveTo(x0, y1, x0, y1 - r), ctx.lineTo(x0, y0 + r), ctx.quadraticCurveTo(x0, y0, x0 + r, y0), 
+                        ctx.closePath(), ctx.clip();
+                    }
+                    ctx.drawImage(data, texturePadding, texturePadding, w, h);
+                    const pattern = context.createPattern(canvas.nativeCanvas, "repeat");
+                    return (null == pattern ? void 0 : pattern.setTransform) && pattern.setTransform(new DOMMatrix([ 1 / context.dpr, 0, 0, 1 / context.dpr, 0, 0 ])), 
+                    canvasAllocate.free(canvas), pattern;
+                }
+                canvasAllocate.free(canvas);
+            }
+        }
+        const pattern = context.createPattern(data, "repeat");
+        return (null == pattern ? void 0 : pattern.setTransform) && pattern.setTransform(new DOMMatrix([ 1 / context.dpr, 0, 0, 1 / context.dpr, 0, 0 ])), 
+        pattern;
+    }
 }
 
 export const defaultBaseTextureRenderContribution = new DefaultBaseTextureRenderContribution;