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

package/es/interface/graphic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface/graphic.ts"],"names":[],"mappings":"","file":"graphic.js","sourcesContent":["import type { IAABBBounds, IMatrix, IPointLike, IPoint, BoundsAnchorType, IOBBBounds } from '@visactor/vutils';\nimport type { IAnimate, IStep, EasingType, IAnimateTarget, ITimeline } from './animation';\nimport type { IColor } from './color';\nimport type { IGroup } from './graphic/group';\nimport type { IShadowRoot } from './graphic/shadow-root';\nimport type { ILayer } from './layer';\nimport type { INode } from './node-tree';\nimport type { ICustomPath2D } from './path';\nimport type { IStage } from './stage';\nimport type { IGlyphGraphicAttribute } from './graphic/glyph';\nimport type { IContainPointMode } from '../common/enums';\nimport type { IFace3d } from './graphic/face3d';\nimport type { IPickerService } from './picker';\nimport type { ISymbolClass } from './graphic/symbol';\n\ntype IStrokeSeg = {\n  /**\n   * 百分比\n   */\n  start: number;\n  /**\n   * 百分比\n   * end和length二选一\n   */\n  end: number;\n  /**\n   * 像素长度\n   */\n  length: number;\n};\n\n// TODO 最后加一个any\nexport type GraphicType =\n  | 'area'\n  | 'circle'\n  | 'ellipse'\n  | 'line'\n  | 'rect'\n  | 'rect3d'\n  | 'path'\n  | 'richtext'\n  | 'text'\n  | 'arc'\n  | 'arc3d'\n  | 'image'\n  | 'symbol'\n  | 'group'\n  | 'shadowroot'\n  | 'polygon'\n  | 'pyramid3d'\n  | 'glyph'\n  | string;\n\n// Cursor style\n// See: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor\nexport type Cursor =\n  | 'auto'\n  | 'default'\n  | 'none'\n  | 'context-menu'\n  | 'help'\n  | 'pointer'\n  | 'progress'\n  | 'wait'\n  | 'cell'\n  | 'crosshair'\n  | 'text'\n  | 'vertical-text'\n  | 'alias'\n  | 'copy'\n  | 'move'\n  | 'no-drop'\n  | 'not-allowed'\n  | 'grab'\n  | 'grabbing'\n  | 'all-scroll'\n  | 'col-resize'\n  | 'row-resize'\n  | 'n-resize'\n  | 'e-resize'\n  | 's-resize'\n  | 'w-resize'\n  | 'ne-resize'\n  | 'nw-resize'\n  | 'se-resize'\n  | 'sw-resize'\n  | 'ew-resize'\n  | 'ns-resize'\n  | 'nesw-resize'\n  | 'nwse-resize'\n  | 'zoom-in'\n  | 'zoom-out';\n\nexport type ITransform = {\n  /**\n   * x坐标\n   */\n  x: number;\n  /**\n   * y坐标\n   */\n  y: number;\n  /**\n   * z坐标\n   */\n  z: number;\n  /**\n   * x方向偏移量\n   */\n  dx: number;\n  /**\n   * y方向偏移量\n   */\n  dy: number;\n  /**\n   * z方向偏移量\n   */\n  dz: number;\n  /**\n   * x方向的滚动值\n   */\n  scrollX: number;\n  /**\n   * y方向的滚动值\n   */\n  scrollY: number;\n  /**\n   * x方向的缩放值\n   */\n  scaleX: number;\n  /**\n   * y方向的缩放值\n   */\n  scaleY: number;\n  /**\n   * z方向的缩放值\n   */\n  scaleZ: number;\n  /**\n   * 绕z轴的转角，即xy平面上的旋转角度\n   */\n  angle: number;\n  /**\n   * 绕x轴的转角\n   */\n  alpha: number;\n  /**\n   * 绕y轴的转角\n   */\n  beta: number;\n  /**\n   * 应用缩放的中心\n   */\n  scaleCenter: [number | string, number | string];\n  /**\n   * 基于AABB的锚点位置，用于简单的定位某些path\n   */\n  anchor: [number | string, number | string];\n  /**\n   * 3d的锚点位置\n   */\n  anchor3d: [number | string, number | string, number] | [number | string, number | string];\n  /**\n   * 处理矩阵，在正常计算完变换矩阵之后，会将该矩阵乘到变换矩阵上得到最终的变换矩阵\n   */\n  postMatrix: IMatrix;\n};\n\nexport type IFillType = boolean | string | IColor;\nexport type IFillStyle = {\n  /**\n   * 图形的填充透明度\n   */\n  fillOpacity: number;\n  /**\n   * 图形模糊效果程度\n   */\n  shadowBlur: number;\n  /**\n   * 图形的阴影颜色\n   */\n  shadowColor: string;\n  /**\n   * 阴影水平偏移距离\n   */\n  shadowOffsetX: number;\n  /**\n   * 阴影垂直偏移距离\n   */\n  shadowOffsetY: number;\n  /**\n   * 图形的填充颜色\n   */\n  fill: IFillType;\n};\n\nexport type ILayout = {\n  /**\n   * 设置对齐方式\n   */\n  alignSelf: 'auto' | 'flex-start' | 'flex-end' | 'center';\n};\n\nexport type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {\n  /**\n   * 边距离边缘的距离\n   */\n  distance: number | string;\n  /**\n   * 是否显示边框，默认是不显示的\n   */\n  visible?: boolean;\n};\n\nexport type IStrokeType = boolean | string | IColor | null;\nexport type IStrokeStyle = {\n  /**\n   * 外部边框的样式配置，默认不展示外部边框\n   */\n  outerBorder: Partial<IBorderStyle>;\n  /**\n   * 内部边框的样式配置\n   */\n  innerBorder: Partial<IBorderStyle>;\n  /**\n   * 描边的透明度\n   */\n  strokeOpacity: number;\n  /**\n   * 设置线条虚线样式的属性，它通过定义实线和空白的交替长度来创建虚线效果\n   */\n  lineDash: number[];\n\n  /**\n   * 设置虚线样式的起始偏移量\n   */\n  lineDashOffset: number;\n\n  /**\n   * 设置线条的宽度\n   */\n  lineWidth: number;\n\n  /**\n   * 设置线条末端的样式\n   */\n  lineCap: CanvasLineCap;\n\n  /**\n   * 设置线条拐角的样式\n   */\n  lineJoin: CanvasLineJoin;\n\n  /**\n   * 设置线条拐角处的斜接限制\n   */\n  miterLimit: number;\n  /**\n   * 描边的boundsBuffer，用于控制bounds的buffer\n   */\n  strokeBoundsBuffer: number;\n  /**\n   * stroke - true 全描边\n   * stroke - false 不描边\n   * stroke 为数值类型，适用于rect\\arc等图形，用于配置部分描边的场景，其中\n   *\n   * 0b00000 - 不描边\n   * 0b000001 - top\n   * 0b000010 - right\n   * 0b000100 - bottom\n   * 0b001000 - left\n   * 相应的：\n   * 0b000011 - top + right\n   * 0b000111 - top + right + bottom\n   * 0b001111 - 全描边\n   *\n   * stroke - boolean[]，适用于rect\\arc等图形，用于配置部分描边的场景\n   */\n  stroke: IStrokeType[] | IStrokeType;\n};\n\ntype TextureType = 'circle' | 'diamond' | 'rect' | 'vertical-line' | 'horizontal-line' | 'bias-lr' | 'bias-rl' | 'grid';\n\nexport type IConnectedStyle = {\n  /**\n   * 连接，取零或者断开\n   */\n  connectedType: 'connect' | 'none';\n  /**\n   * 连接线的样式配置\n   */\n  connectedStyle: {\n    stroke: IStrokeStyle['stroke'];\n    strokeOpacity: IStrokeStyle['strokeOpacity'];\n    lineDash: IStrokeStyle['lineDash'];\n    lineDashOffset: IStrokeStyle['lineDashOffset'];\n    lineCap: IStrokeStyle['lineCap'];\n    lineJoin: IStrokeStyle['lineJoin'];\n    lineWidth: IStrokeStyle['lineWidth'];\n    fill: IFillStyle['fill'];\n    fillOpacity: IFillStyle['fillOpacity'];\n  };\n  connectedX: number;\n  connectedY: number;\n};\n\nexport type IBackgroundConfig = {\n  stroke?: string | boolean;\n  fill?: string | boolean;\n  lineWidth?: number;\n  cornerRadius?: number;\n  expandX?: number;\n  expandY?: number;\n};\n\nexport type BackgroundSizing = 'cover' | 'contain' | 'fill' | 'auto';\nexport type BackgroundRepeatMode = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\nexport type BackgroundSizingShorthand = 'no-repeat-cover' | 'no-repeat-contain' | 'no-repeat-fill' | 'no-repeat-auto';\nexport type BackgroundMode = BackgroundRepeatMode | BackgroundSizingShorthand;\nexport type BackgroundPositionHorizontalKeyword = 'left' | 'center' | 'right';\nexport type BackgroundPositionVerticalKeyword = 'top' | 'center' | 'bottom';\nexport type BackgroundPositionKeyword = BackgroundPositionHorizontalKeyword | BackgroundPositionVerticalKeyword;\nexport type BackgroundPositionPercent = `${number}%`;\nexport type BackgroundPositionValue = number | BackgroundPositionKeyword | BackgroundPositionPercent;\nexport type BackgroundPositionPreset =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'center-left'\n  | 'center'\n  | 'center-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\nexport type BackgroundPosition =\n  | BackgroundPositionKeyword\n  | BackgroundPositionPreset\n  | [BackgroundPositionValue, BackgroundPositionValue];\n\nexport type IBackgroundType = string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig;\n\nexport interface SimpleDomStyleOptions {\n  /**\n   * 容器的宽度\n   */\n  width: number;\n  /**\n   * 容器的高度\n   */\n  height: number;\n  /**\n   * 容器的样式设置\n   */\n  style?:\n    | string\n    | Record<string, any>\n    | ((\n        pos: { top: number; left: number; width: number; height: number },\n        graphic: IGraphic,\n        wrapContainer: HTMLElement\n      ) => Record<string, any>); // 容器的样式\n}\n\nexport interface CommonDomOptions {\n  /**\n   * 全局唯一的id\n   */\n  id?: string;\n  /**\n   * 容器元素的id或者dom元素\n   */\n  container: string | HTMLElement | null;\n  /**\n   * 是否显示\n   */\n  visible?: boolean;\n  /**\n   * 是否支持事件冒泡\n   */\n  pointerEvents?: boolean | string;\n  /**\n   * 可穿透的事件列表\n   * @since 0.21.2\n   */\n  penetrateEventList?: string[];\n  /**\n   * 定位类型\n   * 'position' - 根据挂载图形节点的坐标也就是x,y进行定位\n   * 'boundsLeftTop' - 定位到挂载图形节点bounds的左上角\n   * 'left' - 定位到挂载图形节点bounds 的左侧\n   * 'right' - 定位到挂载图形节点bounds 的右侧\n   * 'bottom' - 定位到挂载图形节点bounds 的底部\n   * 'top' - 定位到挂载图形节点bounds 的顶部\n   * 'center' - 定位到挂载图形节点bounds 的中心\n   * 'top-left' - 定位到挂载图形节点bounds 的左上角\n   * 'top-right' - 定位到挂载图形节点bounds 的右上角\n   * 'bottom-left' - 定位到挂载图形节点bounds 的左下角\n   * 'bottom-right' - 定位到挂载图形节点bounds 的右下角\n   */\n  anchorType?: 'position' | 'boundsLeftTop' | BoundsAnchorType;\n}\n\nexport type IRoughStyle = {\n  fillStyle: 'hachure' | 'solid' | 'zigzag' | 'cross-hatch' | 'dots' | 'sunburst' | 'dashed' | 'zigzag-line';\n  roughness: number;\n  bowing: number;\n};\n\nexport type IGraphicStyle = ILayout &\n  IFillStyle &\n  IStrokeStyle &\n  IPickStyle & {\n    /**\n     * 强制设置的bounds宽度，主要用于使用html或者react展示图形的时候，设置一个固定的宽度\n     */\n    forceBoundsWidth: number | (() => number) | undefined;\n    /**\n     * 强制设置的bounds高度，主要用于使用html或者react展示图形的时候，设置一个固定的高度\n     */\n    forceBoundsHeight: number | (() => number) | undefined;\n    /**\n     * 透明度，会同时影响填充和描边\n     */\n    opacity: number;\n    /**\n     * 影子节点\n     */\n    shadowGraphic?: IGraphic | undefined;\n    /**\n     * 背景图绘制模式。\n     * - repeat/repeat-x/repeat-y/no-repeat: 原有平铺语义\n     * - no-repeat-cover/no-repeat-contain/no-repeat-fill/no-repeat-auto: no-repeat 下的尺寸简写\n     */\n    backgroundMode: BackgroundMode;\n    /**\n     * 是否正好填充，只在repeat-x或者repeat-y以及no-repeat的时候生效\n     */\n    backgroundFit: boolean;\n    /**\n     * 是否保持背景图的宽高比\n     */\n    backgroundKeepAspectRatio: boolean;\n    /**\n     * 背景图缩放，只在no-repeat的时候生效\n     */\n    backgroundScale: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetX: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetY: number;\n    /**\n     * 背景图锚定位置（类似 CSS background-position），仅在 no-repeat 的图片背景下生效。\n     * 默认值为 'top-left'，当前公开支持以下几类配置：\n     * - 单关键字：'left' | 'center' | 'right' | 'top' | 'bottom'\n     * - 预设位置：'top-left'、'top-center'、'top-right'、'center-left'、'center'、\n     *   'center-right'、'bottom-left'、'bottom-center'、'bottom-right'\n     * - 元组写法：[x, y]，其中 x/y 支持 number、关键字、百分比字符串（如 ['25%', '75%']）\n     * 运行时仍兼容 CSS 风格空格字符串，但不再作为公开类型暴露。\n     */\n    backgroundPosition: BackgroundPosition;\n    /**\n     * 背景图是否裁切，是否调用clip避免绘制到图元外部\n     */\n    backgroundClip: boolean;\n    /**\n     * 背景圆角半径\n     */\n    backgroundCornerRadius: number | number[];\n    /**\n     * 背景透明度\n     */\n    backgroundOpacity: number;\n    /**\n     * 背景，支持颜色字符串、html image元素、html canvas元素\n     */\n    // 纹理是否自动做动画\n    autoAnimateTexture: boolean;\n    // 如果做动画的话，这里代表ratio\n    textureRatio: number;\n    textureOptions: any;\n    background:\n      | IBackgroundType\n      | {\n          /**\n           * 背景，支持颜色字符串、html image元素、html canvas元素\n           */\n          background: IBackgroundType;\n          /**\n           * 背景的x方向偏移量\n           */\n          dx?: number;\n          /**\n           * 背景的y方向偏移量\n           */\n          dy?: number;\n          /**\n           * 背景宽度\n           */\n          width?: number;\n          /**\n           * 背景高度\n           */\n          height?: number;\n          /**\n           * 背景的x坐标\n           */\n          x?: number;\n          /**\n           * 背景的y坐标\n           */\n          y?: number;\n        }\n      | null; // 背景，可以与fill同时存在\n    /**\n     * 纹理的类型\n     */\n    texture: TextureType | string;\n    /**\n     * 纹理的颜色\n     */\n    textureColor: string;\n    /**\n     * 纹理的大小\n     */\n    textureSize: number;\n    /**\n     * 纹理的间隙\n     */\n    texturePadding: number;\n\n    blur: number;\n    /**\n     * 设置图形对应的鼠标样式\n     */\n    cursor: Cursor | null;\n    // @deprecated 用处少废弃，后续考虑新设计API\n    filter: string;\n    renderStyle?: 'default' | 'rough' | any;\n    roughStyle?: IRoughStyle | null;\n    /**\n     * HTML的dom或者string\n     */\n    html:\n      | ({\n          /**\n           * dom字符串或者dom\n           */\n          dom: string | HTMLElement;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用react元素渲染内容\n     */\n    react:\n      | ({\n          /**\n           * react场景节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用vue组件渲染内容\n     */\n    vue:\n      | ({\n          /**\n           * vue 虚拟节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n  };\n\nexport type IPickStyle = {\n  /**\n   * 给stroke模式的pick额外加的buffer，用于外界控制stroke区域的pick范围\n   */\n  pickStrokeBuffer: number;\n};\n\nexport type IDebugType = {\n  _debug_bounds: boolean | ((c: any, g: any) => void);\n};\nexport type IGraphicAttribute = IDebugType &\n  IGraphicStyle &\n  ITransform & {\n    /**\n     * stroke百分比\n     */\n    strokeSeg: IStrokeSeg | null;\n    /**\n     * 包围盒的padding\n     */\n    boundsPadding: number | number[];\n    /**\n     * 选择模式，精确模式，粗糙模式（包围盒模式），自定义模式\n     */\n    pickMode: 'accurate' | 'imprecise' | 'custom';\n    boundsMode: 'accurate' | 'imprecise' | 'empty';\n    customPickShape: () => boolean | null;\n    /**\n     * 是否支持事件拾取，默认为 true。\n     * @default true\n     */\n    pickable: boolean;\n    /**\n     * 是否支持fill拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    fillPickable: boolean;\n    /**\n     * 是否支持stroke拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    strokePickable: boolean;\n    /**\n     * 对于 group 节点，是否支持其子元素的事件拾取，默认为 true。\n     * 如果 group `pickable` 关闭，`childrenPickable` 开启，那么 group 的子节点仍参与事件拾取\n     * @default true\n     */\n    childrenPickable: boolean;\n    /**\n     * 元素是否可见。\n     * @default true\n     */\n    visible: boolean;\n    /**\n     * 分组下的层级，层级越小越先绘制\n     */\n    zIndex: number;\n    layout: any;\n    /**\n     * 是否隐藏元素（只是绘制的时候不绘制）\n     */\n    renderable: boolean;\n    /**\n     * 是否在3d中控制方向\n     * false: 不控制方向\n     * true: 始终控制方向朝摄像机\n     */\n    keepDirIn3d?: boolean;\n    shadowRootIdx: number;\n    shadowPickMode?: 'full' | 'graphic';\n    /**\n     * 全局范围的层级，设置了这个属性的图形，会提取到交互层进行渲染\n     */\n    globalZIndex: number;\n    /**\n     * canvas 的合成方式\n     */\n    globalCompositeOperation: CanvasRenderingContext2D['globalCompositeOperation'] | '';\n    /**\n     * 完全支持滚动 | 完全不支持滚动 | 支持x方向的滚动 | 支持y方向的滚动\n     */\n    overflow: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';\n    /**\n     * 绘制fill和stroke的顺序，为0表示fill先绘制，1表示stroke先绘制\n     */\n    fillStrokeOrder: number;\n    /**\n     * @since 0.20.15\n     * 保持stroke的scale，默认为false，为true的话stroke显示的宽度会随着scale变化\n     */\n    keepStrokeScale: boolean;\n\n    /**\n     * @since 0.22.2\n     * 裁剪路径，用于裁剪图形，用于普通图元的裁剪\n     * 由于一般情况下普通图元只需要一个形状即可，所以这里不需要配置具体的位置和大小，强制中心在图元中心，宽高和图元Bounds宽高一致\n     * 不考虑其他复杂情况，否则配置项就非常多了，比如多路径，或者配置位置大小等，如果配置大小那还得用户自己去拿图元的大小，目前没有这种需求\n     */\n    clipConfig: {\n      shape: string;\n    } | null;\n  };\n\nexport interface IGraphicJson<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> {\n  attribute: Partial<T>;\n  _uid: number;\n  type: string;\n  name: string;\n  children: IGraphicJson<T>[];\n}\n\n/** the context of setAttribute */\nexport type ISetAttributeContext = {\n  /** type of setAttribute */\n  type?: number;\n  animationState?: {\n    step?: IStep;\n    isFirstFrameOfStep?: boolean;\n    /** ratio of animation */\n    ratio?: number;\n    /** is animation end? */\n    end?: boolean;\n  };\n  skipUpdateCallback?: boolean;\n};\n\nexport type IGraphicAnimateParams = {\n  slience?: boolean;\n  id?: number | string;\n  timeline?: ITimeline;\n  onStart?: () => void;\n  onFrame?: (step: IStep, ratio: number) => void;\n  onEnd?: () => void;\n  onRemove?: () => void;\n  interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\n};\n\nexport interface IGraphic<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>>\n  extends INode,\n    IAnimateTarget {\n  type?: GraphicType;\n  numberType?: number;\n  stage?: IStage;\n  layer?: ILayer;\n  shadowRoot?: IShadowRoot;\n  glyphHost?: IGraphic<IGlyphGraphicAttribute>;\n  backgroundImg?: boolean;\n  attachedThemeGraphic?: IGraphic<any>;\n  /**\n   * 保存语法上下文\n   */\n  context?: Record<string, any>;\n  bindDom?: Map<\n    string | HTMLElement,\n    { container: HTMLElement | string; dom: HTMLElement | any; wrapGroup: HTMLDivElement | any; root?: any }\n  >;\n\n  valid: boolean;\n  parent: IGroup | null;\n  isContainer?: boolean;\n  // 是否是3d模式（是否应用3d视角）\n  in3dMode?: boolean;\n\n  // 不考虑transform的宽高，特殊情况下会使用到\n  widthWithoutTransform?: number;\n  heightWithoutTransform?: number;\n\n  // 上次更新的stamp\n  stamp?: number;\n  animationBackUps?: {\n    from: Record<string, any>;\n    to: Record<string, any>;\n  };\n\n  attribute: Partial<T>;\n\n  /** 用于实现morph动画场景，转换成bezier曲线渲染 */\n  pathProxy?: ICustomPath2D | ((attrs: T) => ICustomPath2D);\n  incremental?: number;\n  incrementalAt?: number;\n\n  /** 记录state对应的图形属性 */\n  states?: Record<string, Partial<T>>;\n  normalAttrs?: Partial<T>;\n  stateProxy?: (stateName: string, targetStates?: string[]) => Partial<T>;\n  findFace?: () => IFace3d;\n  toggleState: (stateName: string, hasAnimation?: boolean) => void;\n  removeState: (stateName: string | string[], hasAnimation?: boolean) => void;\n  clearStates: (hasAnimation?: boolean) => void;\n  useStates: (states: string[], hasAnimation?: boolean) => void;\n  addState: (stateName: string, keepCurrentStates?: boolean, hasAnimation?: boolean) => void;\n  hasState: (stateName?: string) => boolean;\n  getState: (stateName: string) => Partial<T>;\n  onBeforeAttributeUpdate?: (\n    val: any,\n    attributes: Partial<T>,\n    key: null | string | string[],\n    context?: ISetAttributeContext\n  ) => T | undefined;\n  applyStateAttrs: (attrs: Partial<T>, stateNames: string[], hasAnimation?: boolean, isClear?: boolean) => void;\n  updateNormalAttrs: (stateAttrs: Partial<T>) => void;\n\n  // get\n  readonly AABBBounds: IAABBBounds; // 用于获取当前节点的AABB包围盒\n  readonly OBBBounds: IOBBBounds; // 获取OBB包围盒，旋转防重叠需要用\n  readonly globalAABBBounds: IAABBBounds; // 全局AABB包围盒\n  readonly transMatrix: IMatrix; // 变换矩阵，动态计算\n  readonly globalTransMatrix: IMatrix; // 变换矩阵，动态计算\n\n  getOffsetXY: (attr?: ITransform) => IPoint;\n\n  // function\n  containsPoint: (x: number, y: number, mode?: IContainPointMode, picker?: IPickerService) => boolean;\n\n  setMode: (mode: '3d' | '2d') => void;\n  isValid: () => boolean;\n\n  getClipPath: () => ISymbolClass | null;\n\n  // TODO: transform API\n  // 基于当前transform的变换，普通用户尽量别用，拿捏不住的~\n  translate: (x: number, y: number) => this;\n  translateTo: (x: number, y: number) => this;\n  scale: (scaleX: number, scaleY: number, scaleCenter?: IPointLike) => this;\n  scaleTo: (scaleX: number, scaleY: number) => this;\n  rotate: (angle: number, rotateCenter?: IPointLike) => this;\n  rotateTo: (angle: number) => this;\n  skewTo: (b: number, c: number) => this;\n  addUpdateBoundTag: () => void;\n  addUpdateShapeAndBoundsTag: () => void;\n  addUpdateLayoutTag: () => void;\n\n  update: (d?: { bounds: boolean; trans: boolean }) => void;\n\n  // animate\n  animate?: (params?: IGraphicAnimateParams) => IAnimate;\n\n  // 语法糖，可有可无，有的为了首屏性能考虑做成get方法，有的由外界直接托管，内部不赋值\n  name?: string;\n\n  // 供render处理shape缓存tag\n  shouldUpdateShape: () => boolean;\n  clearUpdateShapeTag: () => void;\n\n  // // 供render缓存shape\n  // cacheShape?: ICustomPath2D;\n  // // 线段使用的path2D\n  // cacheLine?: ISegPath2D | ISegPath2D[];\n  // // 面积图使用的path2D\n  // cacheArea?: IAreaCacheItem | IAreaCacheItem[];\n\n  setAttributes: (params: Partial<T>, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  initAttributes: (params: Partial<T>) => void;\n\n  setAttribute: (key: string, value: any, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  setStage: (stage?: IStage, layer?: ILayer) => void;\n  onSetStage: (cb: (g: IGraphic, stage: IStage) => void) => void;\n\n  shouldUpdateAABBBounds: () => boolean;\n  shouldSelfChangeUpdateAABBBounds: () => boolean;\n  shouldUpdateGlobalMatrix: () => boolean;\n\n  addUpdatePositionTag: () => void;\n  addUpdateGlobalPositionTag: () => void;\n\n  attachShadow: () => IShadowRoot;\n  detachShadow: () => void;\n\n  toJson: () => IGraphicJson;\n\n  /** 创建pathProxy */\n  createPathProxy: (path?: string) => void;\n  /** 将图形转换成CustomPath2D */\n  toCustomPath?: () => ICustomPath2D;\n\n  resources?: Map<\n    string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig,\n    { state: 'init' | 'loading' | 'success' | 'fail'; data?: HTMLImageElement | HTMLCanvasElement }\n  >;\n  imageLoadSuccess: (url: string, data: HTMLImageElement) => void;\n  imageLoadFail: (url: string) => void;\n\n  clone: () => IGraphic;\n  stopAnimates: (stopChildren?: boolean) => void;\n  getNoWorkAnimateAttr: () => Record<string, number>;\n  getGraphicTheme: () => T;\n\n  getAttributes: (final?: boolean) => Partial<T>;\n\n  pauseAnimation?: (deep?: boolean) => void;\n  resumeAnimation?: (deep?: boolean) => void;\n  stopAnimation?: (deep?: boolean) => void;\n  reApplyAnimationState?: (state: string, deep?: boolean) => this;\n}\n\nexport interface IRoot extends IGraphic {\n  pick: (x: number, y: number) => IGraphic;\n}\n\n/**\n * 动画配置\n */\nexport type IAnimateConfig = {\n  duration?: number;\n  easing?: EasingType;\n};\n\nexport type GraphicReleaseStatus = 'released' | 'willRelease';\n"]}
+{"version":3,"sources":["../src/interface/graphic.ts"],"names":[],"mappings":"","file":"graphic.js","sourcesContent":["import type { IAABBBounds, IMatrix, IPointLike, IPoint, BoundsAnchorType, IOBBBounds } from '@visactor/vutils';\nimport type { IAnimate, IStep, EasingType, IAnimateTarget, ITimeline } from './animation';\nimport type { IColor } from './color';\nimport type { IGroup } from './graphic/group';\nimport type { IShadowRoot } from './graphic/shadow-root';\nimport type { ILayer } from './layer';\nimport type { INode } from './node-tree';\nimport type { ICustomPath2D } from './path';\nimport type { IStage } from './stage';\nimport type { IGlyphGraphicAttribute } from './graphic/glyph';\nimport type { IContainPointMode } from '../common/enums';\nimport type { IFace3d } from './graphic/face3d';\nimport type { IPickerService } from './picker';\nimport type { ISymbolClass } from './graphic/symbol';\nimport type { IContext2d } from './context';\n\ntype IStrokeSeg = {\n  /**\n   * 百分比\n   */\n  start: number;\n  /**\n   * 百分比\n   * end和length二选一\n   */\n  end: number;\n  /**\n   * 像素长度\n   */\n  length: number;\n};\n\n// TODO 最后加一个any\nexport type GraphicType =\n  | 'area'\n  | 'circle'\n  | 'ellipse'\n  | 'line'\n  | 'rect'\n  | 'rect3d'\n  | 'path'\n  | 'richtext'\n  | 'text'\n  | 'arc'\n  | 'arc3d'\n  | 'image'\n  | 'symbol'\n  | 'group'\n  | 'shadowroot'\n  | 'polygon'\n  | 'pyramid3d'\n  | 'glyph'\n  | string;\n\n// Cursor style\n// See: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor\nexport type Cursor =\n  | 'auto'\n  | 'default'\n  | 'none'\n  | 'context-menu'\n  | 'help'\n  | 'pointer'\n  | 'progress'\n  | 'wait'\n  | 'cell'\n  | 'crosshair'\n  | 'text'\n  | 'vertical-text'\n  | 'alias'\n  | 'copy'\n  | 'move'\n  | 'no-drop'\n  | 'not-allowed'\n  | 'grab'\n  | 'grabbing'\n  | 'all-scroll'\n  | 'col-resize'\n  | 'row-resize'\n  | 'n-resize'\n  | 'e-resize'\n  | 's-resize'\n  | 'w-resize'\n  | 'ne-resize'\n  | 'nw-resize'\n  | 'se-resize'\n  | 'sw-resize'\n  | 'ew-resize'\n  | 'ns-resize'\n  | 'nesw-resize'\n  | 'nwse-resize'\n  | 'zoom-in'\n  | 'zoom-out';\n\nexport type ITransform = {\n  /**\n   * x坐标\n   */\n  x: number;\n  /**\n   * y坐标\n   */\n  y: number;\n  /**\n   * z坐标\n   */\n  z: number;\n  /**\n   * x方向偏移量\n   */\n  dx: number;\n  /**\n   * y方向偏移量\n   */\n  dy: number;\n  /**\n   * z方向偏移量\n   */\n  dz: number;\n  /**\n   * x方向的滚动值\n   */\n  scrollX: number;\n  /**\n   * y方向的滚动值\n   */\n  scrollY: number;\n  /**\n   * x方向的缩放值\n   */\n  scaleX: number;\n  /**\n   * y方向的缩放值\n   */\n  scaleY: number;\n  /**\n   * z方向的缩放值\n   */\n  scaleZ: number;\n  /**\n   * 绕z轴的转角，即xy平面上的旋转角度\n   */\n  angle: number;\n  /**\n   * 绕x轴的转角\n   */\n  alpha: number;\n  /**\n   * 绕y轴的转角\n   */\n  beta: number;\n  /**\n   * 应用缩放的中心\n   */\n  scaleCenter: [number | string, number | string];\n  /**\n   * 基于AABB的锚点位置，用于简单的定位某些path\n   */\n  anchor: [number | string, number | string];\n  /**\n   * 3d的锚点位置\n   */\n  anchor3d: [number | string, number | string, number] | [number | string, number | string];\n  /**\n   * 处理矩阵，在正常计算完变换矩阵之后，会将该矩阵乘到变换矩阵上得到最终的变换矩阵\n   */\n  postMatrix: IMatrix;\n};\n\nexport type IFillType = boolean | string | IColor;\nexport type IFillStyle = {\n  /**\n   * 图形的填充透明度\n   */\n  fillOpacity: number;\n  /**\n   * 图形模糊效果程度\n   */\n  shadowBlur: number;\n  /**\n   * 图形的阴影颜色\n   */\n  shadowColor: string;\n  /**\n   * 阴影水平偏移距离\n   */\n  shadowOffsetX: number;\n  /**\n   * 阴影垂直偏移距离\n   */\n  shadowOffsetY: number;\n  /**\n   * 图形的填充颜色\n   */\n  fill: IFillType;\n};\n\nexport type ILayout = {\n  /**\n   * 设置对齐方式\n   */\n  alignSelf: 'auto' | 'flex-start' | 'flex-end' | 'center';\n};\n\nexport type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {\n  /**\n   * 边距离边缘的距离\n   */\n  distance: number | string;\n  /**\n   * 是否显示边框，默认是不显示的\n   */\n  visible?: boolean;\n};\n\nexport type IStrokeType = boolean | string | IColor | null;\nexport type IStrokeStyle = {\n  /**\n   * 外部边框的样式配置，默认不展示外部边框\n   */\n  outerBorder: Partial<IBorderStyle>;\n  /**\n   * 内部边框的样式配置\n   */\n  innerBorder: Partial<IBorderStyle>;\n  /**\n   * 描边的透明度\n   */\n  strokeOpacity: number;\n  /**\n   * 设置线条虚线样式的属性，它通过定义实线和空白的交替长度来创建虚线效果\n   */\n  lineDash: number[];\n\n  /**\n   * 设置虚线样式的起始偏移量\n   */\n  lineDashOffset: number;\n\n  /**\n   * 设置线条的宽度\n   */\n  lineWidth: number;\n\n  /**\n   * 设置线条末端的样式\n   */\n  lineCap: CanvasLineCap;\n\n  /**\n   * 设置线条拐角的样式\n   */\n  lineJoin: CanvasLineJoin;\n\n  /**\n   * 设置线条拐角处的斜接限制\n   */\n  miterLimit: number;\n  /**\n   * 描边的boundsBuffer，用于控制bounds的buffer\n   */\n  strokeBoundsBuffer: number;\n  /**\n   * stroke - true 全描边\n   * stroke - false 不描边\n   * stroke 为数值类型，适用于rect\\arc等图形，用于配置部分描边的场景，其中\n   *\n   * 0b00000 - 不描边\n   * 0b000001 - top\n   * 0b000010 - right\n   * 0b000100 - bottom\n   * 0b001000 - left\n   * 相应的：\n   * 0b000011 - top + right\n   * 0b000111 - top + right + bottom\n   * 0b001111 - 全描边\n   *\n   * stroke - boolean[]，适用于rect\\arc等图形，用于配置部分描边的场景\n   */\n  stroke: IStrokeType[] | IStrokeType;\n};\n\ntype TextureType =\n  | 'circle'\n  | 'diamond'\n  | 'rect'\n  | 'vertical-line'\n  | 'horizontal-line'\n  | 'bias-lr'\n  | 'bias-rl'\n  | 'grid'\n  | 'wave';\n\ntype ITextureSource = string | HTMLImageElement | HTMLCanvasElement;\n\nexport type IConnectedStyle = {\n  /**\n   * 连接，取零或者断开\n   */\n  connectedType: 'connect' | 'none';\n  /**\n   * 连接线的样式配置\n   */\n  connectedStyle: {\n    stroke: IStrokeStyle['stroke'];\n    strokeOpacity: IStrokeStyle['strokeOpacity'];\n    lineDash: IStrokeStyle['lineDash'];\n    lineDashOffset: IStrokeStyle['lineDashOffset'];\n    lineCap: IStrokeStyle['lineCap'];\n    lineJoin: IStrokeStyle['lineJoin'];\n    lineWidth: IStrokeStyle['lineWidth'];\n    fill: IFillStyle['fill'];\n    fillOpacity: IFillStyle['fillOpacity'];\n  };\n  connectedX: number;\n  connectedY: number;\n};\n\nexport type IBackgroundConfig = {\n  stroke?: string | boolean;\n  fill?: string | boolean;\n  lineWidth?: number;\n  cornerRadius?: number;\n  expandX?: number;\n  expandY?: number;\n};\n\nexport type BackgroundSizing = 'cover' | 'contain' | 'fill' | 'auto';\nexport type BackgroundRepeatMode = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\nexport type BackgroundSizingShorthand = 'no-repeat-cover' | 'no-repeat-contain' | 'no-repeat-fill' | 'no-repeat-auto';\nexport type BackgroundMode = BackgroundRepeatMode | BackgroundSizingShorthand;\nexport type BackgroundPositionHorizontalKeyword = 'left' | 'center' | 'right';\nexport type BackgroundPositionVerticalKeyword = 'top' | 'center' | 'bottom';\nexport type BackgroundPositionKeyword = BackgroundPositionHorizontalKeyword | BackgroundPositionVerticalKeyword;\nexport type BackgroundPositionPercent = `${number}%`;\nexport type BackgroundPositionValue = number | BackgroundPositionKeyword | BackgroundPositionPercent;\nexport type BackgroundPositionPreset =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'center-left'\n  | 'center'\n  | 'center-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\nexport type BackgroundPosition =\n  | BackgroundPositionKeyword\n  | BackgroundPositionPreset\n  | [BackgroundPositionValue, BackgroundPositionValue];\n\nexport type IBackgroundType = string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig;\n\nexport interface SimpleDomStyleOptions {\n  /**\n   * 容器的宽度\n   */\n  width: number;\n  /**\n   * 容器的高度\n   */\n  height: number;\n  /**\n   * 容器的样式设置\n   */\n  style?:\n    | string\n    | Record<string, any>\n    | ((\n        pos: { top: number; left: number; width: number; height: number },\n        graphic: IGraphic,\n        wrapContainer: HTMLElement\n      ) => Record<string, any>); // 容器的样式\n}\n\nexport interface CommonDomOptions {\n  /**\n   * 全局唯一的id\n   */\n  id?: string;\n  /**\n   * 容器元素的id或者dom元素\n   */\n  container: string | HTMLElement | null;\n  /**\n   * 是否显示\n   */\n  visible?: boolean;\n  /**\n   * 是否支持事件冒泡\n   */\n  pointerEvents?: boolean | string;\n  /**\n   * 可穿透的事件列表\n   * @since 0.21.2\n   */\n  penetrateEventList?: string[];\n  /**\n   * 定位类型\n   * 'position' - 根据挂载图形节点的坐标也就是x,y进行定位\n   * 'boundsLeftTop' - 定位到挂载图形节点bounds的左上角\n   * 'left' - 定位到挂载图形节点bounds 的左侧\n   * 'right' - 定位到挂载图形节点bounds 的右侧\n   * 'bottom' - 定位到挂载图形节点bounds 的底部\n   * 'top' - 定位到挂载图形节点bounds 的顶部\n   * 'center' - 定位到挂载图形节点bounds 的中心\n   * 'top-left' - 定位到挂载图形节点bounds 的左上角\n   * 'top-right' - 定位到挂载图形节点bounds 的右上角\n   * 'bottom-left' - 定位到挂载图形节点bounds 的左下角\n   * 'bottom-right' - 定位到挂载图形节点bounds 的右下角\n   */\n  anchorType?: 'position' | 'boundsLeftTop' | BoundsAnchorType;\n}\n\nexport type IRoughStyle = {\n  fillStyle: 'hachure' | 'solid' | 'zigzag' | 'cross-hatch' | 'dots' | 'sunburst' | 'dashed' | 'zigzag-line';\n  roughness: number;\n  bowing: number;\n};\n\nexport type IGraphicStyle = ILayout &\n  IFillStyle &\n  IStrokeStyle &\n  IPickStyle & {\n    /**\n     * 强制设置的bounds宽度，主要用于使用html或者react展示图形的时候，设置一个固定的宽度\n     */\n    forceBoundsWidth: number | (() => number) | undefined;\n    /**\n     * 强制设置的bounds高度，主要用于使用html或者react展示图形的时候，设置一个固定的高度\n     */\n    forceBoundsHeight: number | (() => number) | undefined;\n    /**\n     * 透明度，会同时影响填充和描边\n     */\n    opacity: number;\n    /**\n     * 影子节点\n     */\n    shadowGraphic?: IGraphic | undefined;\n    /**\n     * 背景图绘制模式。\n     * - repeat/repeat-x/repeat-y/no-repeat: 原有平铺语义\n     * - no-repeat-cover/no-repeat-contain/no-repeat-fill/no-repeat-auto: no-repeat 下的尺寸简写\n     */\n    backgroundMode: BackgroundMode;\n    /**\n     * 是否正好填充，只在repeat-x或者repeat-y以及no-repeat的时候生效\n     */\n    backgroundFit: boolean;\n    /**\n     * 是否保持背景图的宽高比\n     */\n    backgroundKeepAspectRatio: boolean;\n    /**\n     * 背景图缩放，只在no-repeat的时候生效\n     */\n    backgroundScale: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetX: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetY: number;\n    /**\n     * 背景图锚定位置（类似 CSS background-position），仅在 no-repeat 的图片背景下生效。\n     * 默认值为 'top-left'，当前公开支持以下几类配置：\n     * - 单关键字：'left' | 'center' | 'right' | 'top' | 'bottom'\n     * - 预设位置：'top-left'、'top-center'、'top-right'、'center-left'、'center'、\n     *   'center-right'、'bottom-left'、'bottom-center'、'bottom-right'\n     * - 元组写法：[x, y]，其中 x/y 支持 number、关键字、百分比字符串（如 ['25%', '75%']）\n     * 运行时仍兼容 CSS 风格空格字符串，但不再作为公开类型暴露。\n     */\n    backgroundPosition: BackgroundPosition;\n    /**\n     * 背景图是否裁切，是否调用clip避免绘制到图元外部\n     */\n    backgroundClip: boolean;\n    /**\n     * 背景圆角半径\n     */\n    backgroundCornerRadius: number | number[];\n    /**\n     * 背景透明度\n     */\n    backgroundOpacity: number;\n    /**\n     * 背景，支持颜色字符串、html image元素、html canvas元素\n     */\n    // 纹理是否自动做动画\n    autoAnimateTexture: boolean;\n    // 如果做动画的话，这里代表ratio\n    textureRatio: number;\n    textureOptions: {\n      /**\n       * 是否将纹理的 pattern 原点对齐到图元的绘制原点\n       */\n      alignToGraphic?: boolean;\n      /**\n       * 纹理在 x 方向的额外偏移量（用户坐标系）\n       */\n      alignOffsetX?: number;\n      /**\n       * 纹理在 y 方向的额外偏移量（用户坐标系）\n       */\n      alignOffsetY?: number;\n      /**\n       * 是否输出对齐调试信息（仅开发使用）\n       */\n      debugAlign?: boolean;\n      /**\n       * 是否使用动态纹理绘制（由调用方提供绘制回调）\n       */\n      dynamicTexture?: (\n        ctx: IContext2d,\n        row: number,\n        column: number,\n        rowCount: number,\n        columnCount: number,\n        ratio: number,\n        graphic: IGraphic,\n        width?: number,\n        height?: number\n      ) => void;\n      /**\n       * 动态纹理绘制前回调\n       */\n      beforeDynamicTexture?: (\n        ctx: IContext2d,\n        row: number,\n        column: number,\n        rowCount: number,\n        columnCount: number,\n        ratio: number,\n        graphic: IGraphic,\n        width?: number,\n        height?: number\n      ) => void;\n      /**\n       * 动态纹理网格配置\n       */\n      gridConfig?: {\n        columns?: number;\n        rows?: number;\n        gutterColumn?: number;\n        gutterRow?: number;\n      };\n      /**\n       * 是否使用新 canvas 绘制动态纹理\n       */\n      useNewCanvas?: boolean;\n      /**\n       * 其他纹理选项\n       */\n      [key: string]: any;\n    };\n    background:\n      | IBackgroundType\n      | {\n          /**\n           * 背景，支持颜色字符串、html image元素、html canvas元素\n           */\n          background: IBackgroundType;\n          /**\n           * 背景的x方向偏移量\n           */\n          dx?: number;\n          /**\n           * 背景的y方向偏移量\n           */\n          dy?: number;\n          /**\n           * 背景宽度\n           */\n          width?: number;\n          /**\n           * 背景高度\n           */\n          height?: number;\n          /**\n           * 背景的x坐标\n           */\n          x?: number;\n          /**\n           * 背景的y坐标\n           */\n          y?: number;\n        }\n      | null; // 背景，可以与fill同时存在\n    /**\n     * 纹理的类型\n     */\n    texture: TextureType | ITextureSource;\n    /**\n     * 纹理的颜色\n     */\n    textureColor: string;\n    /**\n     * 纹理的大小\n     */\n    textureSize: number;\n    /**\n     * 纹理的间隙\n     */\n    texturePadding: number;\n\n    blur: number;\n    /**\n     * 设置图形对应的鼠标样式\n     */\n    cursor: Cursor | null;\n    // @deprecated 用处少废弃，后续考虑新设计API\n    filter: string;\n    renderStyle?: 'default' | 'rough' | any;\n    roughStyle?: IRoughStyle | null;\n    /**\n     * HTML的dom或者string\n     */\n    html:\n      | ({\n          /**\n           * dom字符串或者dom\n           */\n          dom: string | HTMLElement;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用react元素渲染内容\n     */\n    react:\n      | ({\n          /**\n           * react场景节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用vue组件渲染内容\n     */\n    vue:\n      | ({\n          /**\n           * vue 虚拟节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n  };\n\nexport type IPickStyle = {\n  /**\n   * 给stroke模式的pick额外加的buffer，用于外界控制stroke区域的pick范围\n   */\n  pickStrokeBuffer: number;\n};\n\nexport type IDebugType = {\n  _debug_bounds: boolean | ((c: any, g: any) => void);\n};\nexport type IGraphicAttribute = IDebugType &\n  IGraphicStyle &\n  ITransform & {\n    /**\n     * stroke百分比\n     */\n    strokeSeg: IStrokeSeg | null;\n    /**\n     * 包围盒的padding\n     */\n    boundsPadding: number | number[];\n    /**\n     * 选择模式，精确模式，粗糙模式（包围盒模式），自定义模式\n     */\n    pickMode: 'accurate' | 'imprecise' | 'custom';\n    boundsMode: 'accurate' | 'imprecise' | 'empty';\n    customPickShape: () => boolean | null;\n    /**\n     * 是否支持事件拾取，默认为 true。\n     * @default true\n     */\n    pickable: boolean;\n    /**\n     * 是否支持fill拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    fillPickable: boolean;\n    /**\n     * 是否支持stroke拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    strokePickable: boolean;\n    /**\n     * 对于 group 节点，是否支持其子元素的事件拾取，默认为 true。\n     * 如果 group `pickable` 关闭，`childrenPickable` 开启，那么 group 的子节点仍参与事件拾取\n     * @default true\n     */\n    childrenPickable: boolean;\n    /**\n     * 元素是否可见。\n     * @default true\n     */\n    visible: boolean;\n    /**\n     * 分组下的层级，层级越小越先绘制\n     */\n    zIndex: number;\n    layout: any;\n    /**\n     * 是否隐藏元素（只是绘制的时候不绘制）\n     */\n    renderable: boolean;\n    /**\n     * 是否在3d中控制方向\n     * false: 不控制方向\n     * true: 始终控制方向朝摄像机\n     */\n    keepDirIn3d?: boolean;\n    shadowRootIdx: number;\n    shadowPickMode?: 'full' | 'graphic';\n    /**\n     * 全局范围的层级，设置了这个属性的图形，会提取到交互层进行渲染\n     */\n    globalZIndex: number;\n    /**\n     * canvas 的合成方式\n     */\n    globalCompositeOperation: CanvasRenderingContext2D['globalCompositeOperation'] | '';\n    /**\n     * 完全支持滚动 | 完全不支持滚动 | 支持x方向的滚动 | 支持y方向的滚动\n     */\n    overflow: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';\n    /**\n     * 绘制fill和stroke的顺序，为0表示fill先绘制，1表示stroke先绘制\n     */\n    fillStrokeOrder: number;\n    /**\n     * @since 0.20.15\n     * 保持stroke的scale，默认为false，为true的话stroke显示的宽度会随着scale变化\n     */\n    keepStrokeScale: boolean;\n\n    /**\n     * @since 0.22.2\n     * 裁剪路径，用于裁剪图形，用于普通图元的裁剪\n     * 由于一般情况下普通图元只需要一个形状即可，所以这里不需要配置具体的位置和大小，强制中心在图元中心，宽高和图元Bounds宽高一致\n     * 不考虑其他复杂情况，否则配置项就非常多了，比如多路径，或者配置位置大小等，如果配置大小那还得用户自己去拿图元的大小，目前没有这种需求\n     */\n    clipConfig: {\n      shape: string;\n    } | null;\n  };\n\nexport interface IGraphicJson<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> {\n  attribute: Partial<T>;\n  _uid: number;\n  type: string;\n  name: string;\n  children: IGraphicJson<T>[];\n}\n\n/** the context of setAttribute */\nexport type ISetAttributeContext = {\n  /** type of setAttribute */\n  type?: number;\n  animationState?: {\n    step?: IStep;\n    isFirstFrameOfStep?: boolean;\n    /** ratio of animation */\n    ratio?: number;\n    /** is animation end? */\n    end?: boolean;\n  };\n  skipUpdateCallback?: boolean;\n};\n\nexport type IGraphicAnimateParams = {\n  slience?: boolean;\n  id?: number | string;\n  timeline?: ITimeline;\n  onStart?: () => void;\n  onFrame?: (step: IStep, ratio: number) => void;\n  onEnd?: () => void;\n  onRemove?: () => void;\n  interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\n};\n\nexport interface IGraphic<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>>\n  extends INode,\n    IAnimateTarget {\n  type?: GraphicType;\n  numberType?: number;\n  stage?: IStage;\n  layer?: ILayer;\n  shadowRoot?: IShadowRoot;\n  glyphHost?: IGraphic<IGlyphGraphicAttribute>;\n  backgroundImg?: boolean;\n  attachedThemeGraphic?: IGraphic<any>;\n  /**\n   * 保存语法上下文\n   */\n  context?: Record<string, any>;\n  bindDom?: Map<\n    string | HTMLElement,\n    { container: HTMLElement | string; dom: HTMLElement | any; wrapGroup: HTMLDivElement | any; root?: any }\n  >;\n\n  valid: boolean;\n  parent: IGroup | null;\n  isContainer?: boolean;\n  // 是否是3d模式（是否应用3d视角）\n  in3dMode?: boolean;\n\n  // 不考虑transform的宽高，特殊情况下会使用到\n  widthWithoutTransform?: number;\n  heightWithoutTransform?: number;\n\n  // 上次更新的stamp\n  stamp?: number;\n  animationBackUps?: {\n    from: Record<string, any>;\n    to: Record<string, any>;\n  };\n\n  attribute: Partial<T>;\n\n  /** 用于实现morph动画场景，转换成bezier曲线渲染 */\n  pathProxy?: ICustomPath2D | ((attrs: T) => ICustomPath2D);\n  incremental?: number;\n  incrementalAt?: number;\n\n  /** 记录state对应的图形属性 */\n  states?: Record<string, Partial<T>>;\n  normalAttrs?: Partial<T>;\n  stateProxy?: (stateName: string, targetStates?: string[]) => Partial<T>;\n  findFace?: () => IFace3d;\n  toggleState: (stateName: string, hasAnimation?: boolean) => void;\n  removeState: (stateName: string | string[], hasAnimation?: boolean) => void;\n  clearStates: (hasAnimation?: boolean) => void;\n  useStates: (states: string[], hasAnimation?: boolean) => void;\n  addState: (stateName: string, keepCurrentStates?: boolean, hasAnimation?: boolean) => void;\n  hasState: (stateName?: string) => boolean;\n  getState: (stateName: string) => Partial<T>;\n  onBeforeAttributeUpdate?: (\n    val: any,\n    attributes: Partial<T>,\n    key: null | string | string[],\n    context?: ISetAttributeContext\n  ) => T | undefined;\n  applyStateAttrs: (attrs: Partial<T>, stateNames: string[], hasAnimation?: boolean, isClear?: boolean) => void;\n  updateNormalAttrs: (stateAttrs: Partial<T>) => void;\n\n  // get\n  readonly AABBBounds: IAABBBounds; // 用于获取当前节点的AABB包围盒\n  readonly OBBBounds: IOBBBounds; // 获取OBB包围盒，旋转防重叠需要用\n  readonly globalAABBBounds: IAABBBounds; // 全局AABB包围盒\n  readonly transMatrix: IMatrix; // 变换矩阵，动态计算\n  readonly globalTransMatrix: IMatrix; // 变换矩阵，动态计算\n\n  getOffsetXY: (attr?: ITransform) => IPoint;\n\n  // function\n  containsPoint: (x: number, y: number, mode?: IContainPointMode, picker?: IPickerService) => boolean;\n\n  setMode: (mode: '3d' | '2d') => void;\n  isValid: () => boolean;\n\n  getClipPath: () => ISymbolClass | null;\n\n  // TODO: transform API\n  // 基于当前transform的变换，普通用户尽量别用，拿捏不住的~\n  translate: (x: number, y: number) => this;\n  translateTo: (x: number, y: number) => this;\n  scale: (scaleX: number, scaleY: number, scaleCenter?: IPointLike) => this;\n  scaleTo: (scaleX: number, scaleY: number) => this;\n  rotate: (angle: number, rotateCenter?: IPointLike) => this;\n  rotateTo: (angle: number) => this;\n  skewTo: (b: number, c: number) => this;\n  addUpdateBoundTag: () => void;\n  addUpdateShapeAndBoundsTag: () => void;\n  addUpdateLayoutTag: () => void;\n\n  update: (d?: { bounds: boolean; trans: boolean }) => void;\n\n  // animate\n  animate?: (params?: IGraphicAnimateParams) => IAnimate;\n\n  // 语法糖，可有可无，有的为了首屏性能考虑做成get方法，有的由外界直接托管，内部不赋值\n  name?: string;\n\n  // 供render处理shape缓存tag\n  shouldUpdateShape: () => boolean;\n  clearUpdateShapeTag: () => void;\n\n  // // 供render缓存shape\n  // cacheShape?: ICustomPath2D;\n  // // 线段使用的path2D\n  // cacheLine?: ISegPath2D | ISegPath2D[];\n  // // 面积图使用的path2D\n  // cacheArea?: IAreaCacheItem | IAreaCacheItem[];\n\n  setAttributes: (params: Partial<T>, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  initAttributes: (params: Partial<T>) => void;\n\n  setAttribute: (key: string, value: any, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  setStage: (stage?: IStage, layer?: ILayer) => void;\n  onSetStage: (cb: (g: IGraphic, stage: IStage) => void) => void;\n\n  shouldUpdateAABBBounds: () => boolean;\n  shouldSelfChangeUpdateAABBBounds: () => boolean;\n  shouldUpdateGlobalMatrix: () => boolean;\n\n  addUpdatePositionTag: () => void;\n  addUpdateGlobalPositionTag: () => void;\n\n  attachShadow: () => IShadowRoot;\n  detachShadow: () => void;\n\n  toJson: () => IGraphicJson;\n\n  /** 创建pathProxy */\n  createPathProxy: (path?: string) => void;\n  /** 将图形转换成CustomPath2D */\n  toCustomPath?: () => ICustomPath2D;\n\n  resources?: Map<\n    string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig,\n    { state: 'init' | 'loading' | 'success' | 'fail'; data?: HTMLImageElement | HTMLCanvasElement }\n  >;\n  imageLoadSuccess: (url: string, data: HTMLImageElement) => void;\n  imageLoadFail: (url: string) => void;\n\n  clone: () => IGraphic;\n  stopAnimates: (stopChildren?: boolean) => void;\n  getNoWorkAnimateAttr: () => Record<string, number>;\n  getGraphicTheme: () => T;\n\n  getAttributes: (final?: boolean) => Partial<T>;\n\n  pauseAnimation?: (deep?: boolean) => void;\n  resumeAnimation?: (deep?: boolean) => void;\n  stopAnimation?: (deep?: boolean) => void;\n  reApplyAnimationState?: (state: string, deep?: boolean) => this;\n}\n\nexport interface IRoot extends IGraphic {\n  pick: (x: number, y: number) => IGraphic;\n}\n\n/**\n * 动画配置\n */\nexport type IAnimateConfig = {\n  duration?: number;\n  easing?: EasingType;\n};\n\nexport type GraphicReleaseStatus = 'released' | 'willRelease';\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): string | HTMLImageElement | HTMLCanvasElement;
+    protected createResourcePattern(texture: string | HTMLImageElement | HTMLCanvasElement, graphic: IGraphic, context: IContext2d): CanvasPattern;
 }
 export declare const defaultBaseTextureRenderContribution: DefaultBaseTextureRenderContribution;

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

@@ -104,42 +104,46 @@ 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;
         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 patternKey = this.getPatternCacheKey(texture, textureSize, texturePadding, textureColor, context.dpr);
+        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)), 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;
@@ -175,8 +179,20 @@ export class DefaultBaseTextureRenderContribution {
             }
             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 !== (_b = null == textureOptions ? void 0 : textureOptions.alignOffsetX) && void 0 !== _b ? _b : 0, alignOffsetY = null !== (_c = null == textureOptions ? void 0 : textureOptions.alignOffsetY) && void 0 !== _c ? _c : 0;
+                let translateX = 0, translateY = 0;
+                if (alignToGraphic) {
+                    const m = context.currentMatrix;
+                    translateX = (null !== (_d = null == m ? void 0 : m.e) && void 0 !== _d ? _d : 0) + x + alignOffsetX, 
+                    translateY = (null !== (_e = null == m ? void 0 : m.f) && void 0 !== _e ? _e : 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 +201,17 @@ export class DefaultBaseTextureRenderContribution {
             }), x + b.x1 - x, y + b.y1 - y), context.restore();
         }
     }
+    getPatternCacheKey(texture, textureSize, texturePadding, textureColor, dpr) {
+        return "string" != typeof texture ? texture : "wave" === texture ? null : `${texture}-${textureSize}-${texturePadding}-${textureColor}-${dpr}`;
+    }
+    createResourcePattern(texture, graphic, context) {
+        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;
+        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;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/render/contributions/render/contributions/base-texture-contribution-render.ts"],"names":[],"mappings":"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","file":"base-texture-contribution-render.js","sourcesContent":["import { canvasAllocate } from '../../../../allocator/canvas-allocate';\nimport { BaseRenderContributionTime } from '../../../../common/enums';\nimport { createSymbol } from '../../../../graphic';\nimport type {\n  IBaseRenderContribution,\n  ICanvas,\n  IContext2d,\n  IDrawContext,\n  IGraphic,\n  IGraphicAttribute,\n  IStage,\n  ISymbol,\n  IThemeAttribute\n} from '../../../../interface';\nimport { pi2 } from '@visactor/vutils';\n\nfunction formatRatio(ratio: number) {\n  if (ratio <= 0.5) {\n    return ratio * 4 - 1;\n  }\n  return -4 * ratio + 3;\n}\n\nfunction drawWave(\n  ctx: IContext2d,\n  ratio: number,\n  boundsWidth: number,\n  boundsHeight: number,\n  textureOptions: {\n    fill: string;\n    percent: number;\n    frequency: number;\n    amplitude: number;\n    opacity?: number;\n    phi?: number;\n  },\n  offsetX: number,\n  offsetY: number\n) {\n  const { fill = 'orange', percent = 0.6, frequency = 4, opacity, phi = 0 } = textureOptions;\n  let { amplitude = 10 } = textureOptions;\n  amplitude = amplitude * formatRatio(ratio);\n\n  const height = boundsHeight * (1 - percent);\n  const width = boundsWidth;\n\n  const step = Math.max(Math.round(width / 70), 2);\n  ctx.beginPath();\n  ctx.moveTo(0 + offsetX, boundsHeight + offsetY);\n  ctx.lineTo(0 + offsetX, height + offsetY);\n  const delta = (width / frequency) * ratio;\n  const c = width / Math.PI / (frequency * 2);\n\n  for (let i = 0; i < width; i += step) {\n    const y = amplitude * Math.sin((i + delta + phi) / c + phi);\n    ctx.lineTo(i + offsetX, height + y + offsetY);\n  }\n\n  ctx.lineTo(width + offsetX, boundsHeight + offsetY);\n  ctx.closePath();\n\n  ctx.fillStyle = fill;\n  if (isFinite(opacity)) {\n    ctx.globalAlpha = opacity;\n  }\n  ctx.fill();\n}\n\nexport class DefaultBaseTextureRenderContribution implements IBaseRenderContribution<IGraphic, IGraphicAttribute> {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle: boolean = true;\n  textureMap?: Map<string, CanvasPattern>;\n  order: number = 10;\n  _tempSymbolGraphic: ISymbol | null = null;\n\n  createCommonPattern(\n    size: number,\n    padding: number,\n    color: string,\n    targetContext: IContext2d,\n    cb: (r: number, targetContext: IContext2d) => void\n  ) {\n    const r = (size - padding * 2) / 2;\n    const dpr = targetContext.dpr;\n    const canvas = canvasAllocate.allocate({ width: size, height: size, dpr });\n    const ctx = canvas.getContext('2d');\n    if (!ctx) {\n      return null;\n    }\n    ctx.inuse = true;\n    ctx.clearMatrix();\n    ctx.setTransformForCurrent(true);\n    ctx.clearRect(0, 0, size, size);\n    //setup up design for pattern\n    cb(r, ctx);\n    const pattern = targetContext.createPattern(canvas.nativeCanvas, 'repeat');\n    pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, 0, 0]));\n\n    canvasAllocate.free(canvas);\n    return pattern;\n  }\n\n  createCirclePattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      ctx.fillStyle = color;\n      ctx.arc(r, r, r, 0, pi2);\n      ctx.fill();\n    });\n  }\n\n  createDiamondPattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      const x = size / 2;\n      const y = x;\n      ctx.fillStyle = color;\n      ctx.moveTo(x, y - r);\n      ctx.lineTo(r + x, y);\n      ctx.lineTo(x, y + r);\n      ctx.lineTo(x - r, y);\n      ctx.closePath();\n      ctx.fill();\n    });\n  }\n\n  createRectPattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      const x = padding;\n      const y = x;\n      ctx.fillStyle = color;\n      ctx.fillRect(x, y, r * 2, r * 2);\n    });\n  }\n\n  createVerticalLinePattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      const x = padding;\n      const y = 0;\n      ctx.fillStyle = color;\n      ctx.fillRect(x, y, r * 2, size);\n    });\n  }\n\n  createHorizontalLinePattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      const x = 0;\n      const y = padding;\n      ctx.fillStyle = color;\n      ctx.fillRect(x, y, size, r * 2);\n    });\n  }\n\n  createBiasLRLinePattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      ctx.strokeStyle = color;\n      ctx.lineWidth = r;\n      ctx.moveTo(0, 0);\n      ctx.lineTo(size, size);\n      const dx = size / 2;\n      const dy = -dx;\n      ctx.moveTo(dx, dy);\n      ctx.lineTo(dx + size, dy + size);\n      ctx.moveTo(-dx, -dy);\n      ctx.lineTo(-dx + size, -dy + size);\n      ctx.stroke();\n    });\n  }\n\n  createBiasRLLinePattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      ctx.strokeStyle = color;\n      ctx.lineWidth = r;\n      ctx.moveTo(size, 0);\n      ctx.lineTo(0, size);\n      const dx = size / 2;\n      const dy = dx;\n      ctx.moveTo(size + dx, dy);\n      ctx.lineTo(dx, dy + size);\n      ctx.moveTo(size - dx, -dy);\n      ctx.lineTo(-dx, -dy + size);\n      ctx.stroke();\n    });\n  }\n\n  createGridPattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      const x = padding;\n      const y = x;\n      ctx.fillStyle = color;\n      ctx.fillRect(x, y, r, r);\n      ctx.fillRect(x + r, y + r, r, r);\n    });\n  }\n\n  initTextureMap(ctx: IContext2d, stage: IStage) {\n    this.textureMap = new Map();\n    // ResourceLoader.GetImage(rect1, {\n    //   imageLoadFail: () => {\n    //     return;\n    //   },\n    //   imageLoadSuccess: (url, img) => {\n    //     const pattern = ctx.createPattern(img, 'repeat');\n    //     this.textureMap.set('rect1', pattern);\n    //     stage && stage.renderNextFrame();\n    //   }\n    // });\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.textureMap) {\n      this.initTextureMap(context, graphic.stage);\n    }\n    const {\n      texture = graphicAttribute.texture,\n      textureColor = graphicAttribute.textureColor,\n      textureSize = graphicAttribute.textureSize,\n      texturePadding = graphicAttribute.texturePadding\n    } = graphic.attribute;\n    if (!texture) {\n      return;\n    }\n    this.drawTexture(texture, graphic, context, x, y, graphicAttribute, textureColor, textureSize, texturePadding);\n  }\n\n  protected drawTexture(\n    texture: string,\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    graphicAttribute: Required<IGraphicAttribute>,\n    textureColor: string,\n    textureSize: number,\n    texturePadding: number\n  ) {\n    const { textureRatio = graphicAttribute.textureRatio, textureOptions = null } = graphic.attribute;\n    let pattern: CanvasPattern = this.textureMap.get(texture);\n\n    if (!pattern) {\n      switch (texture) {\n        case 'circle':\n          pattern = this.createCirclePattern(textureSize, texturePadding, textureColor, context);\n          break;\n        case 'diamond':\n          pattern = this.createDiamondPattern(textureSize, texturePadding, textureColor, context);\n          break;\n        case 'rect':\n          pattern = this.createRectPattern(textureSize, texturePadding, textureColor, context);\n          break;\n        case 'vertical-line':\n          pattern = this.createVerticalLinePattern(textureSize, texturePadding, textureColor, context);\n          break;\n        case 'horizontal-line':\n          pattern = this.createHorizontalLinePattern(textureSize, texturePadding, textureColor, context);\n          break;\n        case 'bias-lr':\n          pattern = this.createBiasLRLinePattern(textureSize, texturePadding, textureColor, context);\n          break;\n        case 'bias-rl':\n          pattern = this.createBiasRLLinePattern(textureSize, texturePadding, textureColor, context);\n          break;\n        case 'grid':\n          pattern = this.createGridPattern(textureSize, texturePadding, textureColor, context);\n          break;\n      }\n    }\n\n    if (textureOptions && textureOptions.dynamicTexture) {\n      // 动态纹理\n      const { gridConfig = {}, useNewCanvas } = textureOptions;\n      const b = graphic.AABBBounds;\n      x = b.x1;\n      y = b.y1;\n      const originalContext = context;\n\n      let newCanvas: ICanvas;\n      if (useNewCanvas) {\n        newCanvas = canvasAllocate.allocate({ width: b.width(), height: b.height(), dpr: context.dpr });\n        const ctx = newCanvas.getContext('2d');\n        ctx.clearRect(0, 0, b.width(), b.height());\n        x = 0;\n        y = 0;\n        context = ctx;\n      }\n      originalContext.save();\n      // 避免本级已经transform过了，再用Bounds就重复了\n      if (graphic.parent && !graphic.transMatrix.onlyTranslate()) {\n        const { scrollX = 0, scrollY = 0 } = graphic.parent.attribute;\n        originalContext.setTransformFromMatrix(graphic.parent.globalTransMatrix);\n        originalContext.translate(scrollX, scrollY, true);\n      }\n      originalContext.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);\n      originalContext.clip();\n\n      const width = b.width();\n      const height = b.height();\n      const padding = texturePadding;\n      const cellSize = textureSize;\n      const gridColumns = gridConfig.columns ? gridConfig.columns : Math.ceil(width / cellSize);\n      const gridRows = gridConfig.rows ? gridConfig.rows : Math.ceil(height / cellSize);\n      const gutterColumn = gridConfig.gutterColumn ? gridConfig.gutterColumn : padding * 2;\n      const gutterRow = gridConfig.gutterRow ? gridConfig.gutterRow : padding * 2;\n      if (!this._tempSymbolGraphic) {\n        this._tempSymbolGraphic = createSymbol({});\n      }\n      const sizeW = gridConfig.columns ? width / gridConfig.columns : cellSize;\n      const sizeH = gridConfig.rows ? height / gridConfig.rows : cellSize;\n      this._tempSymbolGraphic.setAttributes({\n        size: [sizeW - gutterColumn, sizeH - gutterRow],\n        symbolType: texture\n      });\n      const parsedPath = this._tempSymbolGraphic.getParsedPath();\n      for (let i = 0; i < gridRows; i++) {\n        for (let j = 0; j < gridColumns; j++) {\n          const _x = x + cellSize / 2 + j * cellSize;\n          const _y = y + cellSize / 2 + i * cellSize;\n          textureOptions.beforeDynamicTexture?.(\n            context,\n            i,\n            j,\n            gridRows,\n            gridColumns,\n            textureRatio,\n            graphic,\n            b.width(),\n            b.height()\n          );\n          context.beginPath();\n          if (parsedPath.draw(context, Math.min(sizeW - gutterColumn, sizeH - gutterRow), _x, _y, 0) === false) {\n            context.closePath();\n          }\n          context.fillStyle = textureColor;\n          textureOptions.dynamicTexture(\n            context,\n            i,\n            j,\n            gridRows,\n            gridColumns,\n            textureRatio,\n            graphic,\n            b.width(),\n            b.height()\n          );\n        }\n      }\n      if (useNewCanvas) {\n        // 不使用外部的opacity，动态纹理的opacity自己设置\n        originalContext.globalAlpha = 1;\n        originalContext.drawImage(\n          newCanvas.nativeCanvas,\n          0,\n          0,\n          newCanvas.nativeCanvas.width,\n          newCanvas.nativeCanvas.height,\n          b.x1,\n          b.y1,\n          b.width() * originalContext.dpr,\n          b.height() * originalContext.dpr\n        );\n      }\n\n      originalContext.restore();\n    } else if (pattern) {\n      context.highPerformanceSave();\n      context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);\n      context.fillStyle = pattern;\n      context.fill();\n      context.highPerformanceRestore();\n    } else if (texture === 'wave') {\n      context.save();\n      context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);\n      context.clip();\n      const b = graphic.AABBBounds;\n      drawWave(\n        context,\n        textureRatio,\n        b.width(),\n        b.height(),\n        { ...(textureOptions || {}), fill: textureColor },\n        x + b.x1 - x,\n        y + b.y1 - y\n      );\n      context.restore();\n    }\n  }\n}\n\nexport const defaultBaseTextureRenderContribution = new DefaultBaseTextureRenderContribution();\n"]}
+{"version":3,"sources":["../src/render/contributions/render/contributions/base-texture-contribution-render.ts"],"names":[],"mappings":"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","file":"base-texture-contribution-render.js","sourcesContent":["import { canvasAllocate } from '../../../../allocator/canvas-allocate';\nimport { BaseRenderContributionTime } from '../../../../common/enums';\nimport { createSymbol } from '../../../../graphic';\nimport type {\n  IBaseRenderContribution,\n  ICanvas,\n  IContext2d,\n  IDrawContext,\n  IGraphic,\n  IGraphicAttribute,\n  IStage,\n  ISymbol,\n  IThemeAttribute\n} from '../../../../interface';\nimport { pi2 } from '@visactor/vutils';\n\nfunction formatRatio(ratio: number) {\n  if (ratio <= 0.5) {\n    return ratio * 4 - 1;\n  }\n  return -4 * ratio + 3;\n}\n\nfunction drawWave(\n  ctx: IContext2d,\n  ratio: number,\n  boundsWidth: number,\n  boundsHeight: number,\n  textureOptions: {\n    fill?: string;\n    percent?: number;\n    frequency?: number;\n    amplitude?: number;\n    opacity?: number;\n    phi?: number;\n  },\n  offsetX: number,\n  offsetY: number\n) {\n  const { fill = 'orange', percent = 0.6, frequency = 4, opacity, phi = 0 } = textureOptions;\n  let { amplitude = 10 } = textureOptions;\n  amplitude = amplitude * formatRatio(ratio);\n\n  const height = boundsHeight * (1 - percent);\n  const width = boundsWidth;\n\n  const step = Math.max(Math.round(width / 70), 2);\n  ctx.beginPath();\n  ctx.moveTo(0 + offsetX, boundsHeight + offsetY);\n  ctx.lineTo(0 + offsetX, height + offsetY);\n  const delta = (width / frequency) * ratio;\n  const c = width / Math.PI / (frequency * 2);\n\n  for (let i = 0; i < width; i += step) {\n    const y = amplitude * Math.sin((i + delta + phi) / c + phi);\n    ctx.lineTo(i + offsetX, height + y + offsetY);\n  }\n\n  ctx.lineTo(width + offsetX, boundsHeight + offsetY);\n  ctx.closePath();\n\n  ctx.fillStyle = fill;\n  if (isFinite(opacity)) {\n    ctx.globalAlpha = opacity;\n  }\n  ctx.fill();\n}\n\nexport class DefaultBaseTextureRenderContribution implements IBaseRenderContribution<IGraphic, IGraphicAttribute> {\n  time: BaseRenderContributionTime = BaseRenderContributionTime.afterFillStroke;\n  useStyle: boolean = true;\n  textureMap?: Map<string | HTMLImageElement | HTMLCanvasElement, CanvasPattern>;\n  order: number = 10;\n  _tempSymbolGraphic: ISymbol | null = null;\n\n  createCommonPattern(\n    size: number,\n    padding: number,\n    color: string,\n    targetContext: IContext2d,\n    cb: (r: number, targetContext: IContext2d) => void\n  ) {\n    const r = (size - padding * 2) / 2;\n    const dpr = targetContext.dpr;\n    const canvas = canvasAllocate.allocate({ width: size, height: size, dpr });\n    const ctx = canvas.getContext('2d');\n    if (!ctx) {\n      return null;\n    }\n    ctx.inuse = true;\n    ctx.clearMatrix();\n    ctx.setTransformForCurrent(true);\n    ctx.clearRect(0, 0, size, size);\n    //setup up design for pattern\n    cb(r, ctx);\n    const pattern = targetContext.createPattern(canvas.nativeCanvas, 'repeat');\n    pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, 0, 0]));\n\n    canvasAllocate.free(canvas);\n    return pattern;\n  }\n\n  createCirclePattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      ctx.fillStyle = color;\n      ctx.arc(r, r, r, 0, pi2);\n      ctx.fill();\n    });\n  }\n\n  createDiamondPattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      const x = size / 2;\n      const y = x;\n      ctx.fillStyle = color;\n      ctx.moveTo(x, y - r);\n      ctx.lineTo(r + x, y);\n      ctx.lineTo(x, y + r);\n      ctx.lineTo(x - r, y);\n      ctx.closePath();\n      ctx.fill();\n    });\n  }\n\n  createRectPattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      const x = padding;\n      const y = x;\n      ctx.fillStyle = color;\n      ctx.fillRect(x, y, r * 2, r * 2);\n    });\n  }\n\n  createVerticalLinePattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      const x = padding;\n      const y = 0;\n      ctx.fillStyle = color;\n      ctx.fillRect(x, y, r * 2, size);\n    });\n  }\n\n  createHorizontalLinePattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      const x = 0;\n      const y = padding;\n      ctx.fillStyle = color;\n      ctx.fillRect(x, y, size, r * 2);\n    });\n  }\n\n  createBiasLRLinePattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      ctx.strokeStyle = color;\n      ctx.lineWidth = r;\n      ctx.moveTo(0, 0);\n      ctx.lineTo(size, size);\n      const dx = size / 2;\n      const dy = -dx;\n      ctx.moveTo(dx, dy);\n      ctx.lineTo(dx + size, dy + size);\n      ctx.moveTo(-dx, -dy);\n      ctx.lineTo(-dx + size, -dy + size);\n      ctx.stroke();\n    });\n  }\n\n  createBiasRLLinePattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      ctx.strokeStyle = color;\n      ctx.lineWidth = r;\n      ctx.moveTo(size, 0);\n      ctx.lineTo(0, size);\n      const dx = size / 2;\n      const dy = dx;\n      ctx.moveTo(size + dx, dy);\n      ctx.lineTo(dx, dy + size);\n      ctx.moveTo(size - dx, -dy);\n      ctx.lineTo(-dx, -dy + size);\n      ctx.stroke();\n    });\n  }\n\n  createGridPattern(size: number, padding: number, color: string, targetContext: IContext2d) {\n    return this.createCommonPattern(size, padding, color, targetContext, (r, ctx) => {\n      const x = padding;\n      const y = x;\n      ctx.fillStyle = color;\n      ctx.fillRect(x, y, r, r);\n      ctx.fillRect(x + r, y + r, r, r);\n    });\n  }\n\n  initTextureMap(ctx: IContext2d, stage: IStage) {\n    this.textureMap = new Map();\n    // ResourceLoader.GetImage(rect1, {\n    //   imageLoadFail: () => {\n    //     return;\n    //   },\n    //   imageLoadSuccess: (url, img) => {\n    //     const pattern = ctx.createPattern(img, 'repeat');\n    //     this.textureMap.set('rect1', pattern);\n    //     stage && stage.renderNextFrame();\n    //   }\n    // });\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.textureMap) {\n      this.initTextureMap(context, graphic.stage);\n    }\n    const {\n      texture = graphicAttribute.texture,\n      textureColor = graphicAttribute.textureColor,\n      textureSize = graphicAttribute.textureSize,\n      texturePadding = graphicAttribute.texturePadding\n    } = graphic.attribute;\n    if (!texture) {\n      return;\n    }\n    this.drawTexture(texture, graphic, context, x, y, graphicAttribute, textureColor, textureSize, texturePadding);\n  }\n\n  protected drawTexture(\n    texture: string | HTMLImageElement | HTMLCanvasElement,\n    graphic: IGraphic,\n    context: IContext2d,\n    x: number,\n    y: number,\n    graphicAttribute: Required<IGraphicAttribute>,\n    textureColor: string,\n    textureSize: number,\n    texturePadding: number\n  ) {\n    const { textureRatio = graphicAttribute.textureRatio, textureOptions = null } = graphic.attribute;\n    let pattern: CanvasPattern = null;\n    const patternKey = this.getPatternCacheKey(texture, textureSize, texturePadding, textureColor, context.dpr);\n    if (patternKey !== null) {\n      pattern = this.textureMap.get(patternKey);\n    }\n\n    if (!pattern) {\n      if (typeof texture === 'string') {\n        switch (texture) {\n          case 'circle':\n            pattern = this.createCirclePattern(textureSize, texturePadding, textureColor, context);\n            break;\n          case 'diamond':\n            pattern = this.createDiamondPattern(textureSize, texturePadding, textureColor, context);\n            break;\n          case 'rect':\n            pattern = this.createRectPattern(textureSize, texturePadding, textureColor, context);\n            break;\n          case 'vertical-line':\n            pattern = this.createVerticalLinePattern(textureSize, texturePadding, textureColor, context);\n            break;\n          case 'horizontal-line':\n            pattern = this.createHorizontalLinePattern(textureSize, texturePadding, textureColor, context);\n            break;\n          case 'bias-lr':\n            pattern = this.createBiasLRLinePattern(textureSize, texturePadding, textureColor, context);\n            break;\n          case 'bias-rl':\n            pattern = this.createBiasRLLinePattern(textureSize, texturePadding, textureColor, context);\n            break;\n          case 'grid':\n            pattern = this.createGridPattern(textureSize, texturePadding, textureColor, context);\n            break;\n        }\n      }\n      if (!pattern) {\n        pattern = this.createResourcePattern(texture, graphic, context);\n      }\n      if (pattern && patternKey !== null) {\n        this.textureMap.set(patternKey, pattern);\n      }\n    }\n\n    if (typeof texture === 'string' && textureOptions && textureOptions.dynamicTexture) {\n      // 动态纹理\n      const { gridConfig = {}, useNewCanvas } = textureOptions;\n      const b = graphic.AABBBounds;\n      x = b.x1;\n      y = b.y1;\n      const originalContext = context;\n\n      let newCanvas: ICanvas;\n      if (useNewCanvas) {\n        newCanvas = canvasAllocate.allocate({ width: b.width(), height: b.height(), dpr: context.dpr });\n        const ctx = newCanvas.getContext('2d');\n        ctx.clearRect(0, 0, b.width(), b.height());\n        x = 0;\n        y = 0;\n        context = ctx;\n      }\n      originalContext.save();\n      // 避免本级已经transform过了，再用Bounds就重复了\n      if (graphic.parent && !graphic.transMatrix.onlyTranslate()) {\n        const { scrollX = 0, scrollY = 0 } = graphic.parent.attribute;\n        originalContext.setTransformFromMatrix(graphic.parent.globalTransMatrix);\n        originalContext.translate(scrollX, scrollY, true);\n      }\n      originalContext.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);\n      originalContext.clip();\n\n      const width = b.width();\n      const height = b.height();\n      const padding = texturePadding;\n      const cellSize = textureSize;\n      const gridColumns = gridConfig.columns ? gridConfig.columns : Math.ceil(width / cellSize);\n      const gridRows = gridConfig.rows ? gridConfig.rows : Math.ceil(height / cellSize);\n      const gutterColumn = gridConfig.gutterColumn ? gridConfig.gutterColumn : padding * 2;\n      const gutterRow = gridConfig.gutterRow ? gridConfig.gutterRow : padding * 2;\n      if (!this._tempSymbolGraphic) {\n        this._tempSymbolGraphic = createSymbol({});\n      }\n      const sizeW = gridConfig.columns ? width / gridConfig.columns : cellSize;\n      const sizeH = gridConfig.rows ? height / gridConfig.rows : cellSize;\n      this._tempSymbolGraphic.setAttributes({\n        size: [sizeW - gutterColumn, sizeH - gutterRow],\n        symbolType: texture\n      });\n      const parsedPath = this._tempSymbolGraphic.getParsedPath();\n      for (let i = 0; i < gridRows; i++) {\n        for (let j = 0; j < gridColumns; j++) {\n          const _x = x + cellSize / 2 + j * cellSize;\n          const _y = y + cellSize / 2 + i * cellSize;\n          textureOptions.beforeDynamicTexture?.(\n            context,\n            i,\n            j,\n            gridRows,\n            gridColumns,\n            textureRatio,\n            graphic,\n            b.width(),\n            b.height()\n          );\n          context.beginPath();\n          if (parsedPath.draw(context, Math.min(sizeW - gutterColumn, sizeH - gutterRow), _x, _y, 0) === false) {\n            context.closePath();\n          }\n          context.fillStyle = textureColor;\n          textureOptions.dynamicTexture(\n            context,\n            i,\n            j,\n            gridRows,\n            gridColumns,\n            textureRatio,\n            graphic,\n            b.width(),\n            b.height()\n          );\n        }\n      }\n      if (useNewCanvas) {\n        // 不使用外部的opacity，动态纹理的opacity自己设置\n        originalContext.globalAlpha = 1;\n        originalContext.drawImage(\n          newCanvas.nativeCanvas,\n          0,\n          0,\n          newCanvas.nativeCanvas.width,\n          newCanvas.nativeCanvas.height,\n          b.x1,\n          b.y1,\n          b.width() * originalContext.dpr,\n          b.height() * originalContext.dpr\n        );\n      }\n\n      originalContext.restore();\n    } else if (pattern) {\n      if (pattern.setTransform) {\n        const alignToGraphic = !!textureOptions?.alignToGraphic;\n        const alignOffsetX = textureOptions?.alignOffsetX ?? 0;\n        const alignOffsetY = textureOptions?.alignOffsetY ?? 0;\n        let translateX = 0;\n        let translateY = 0;\n        if (alignToGraphic) {\n          // 将 pattern 原点对齐到图形的绘制原点（当前 context 坐标系）\n          const m = context.currentMatrix;\n          const e = m?.e ?? 0;\n          const f = m?.f ?? 0;\n          // 直接在用户坐标系下对齐（包含 context 的平移）\n          const ux = e + x + alignOffsetX;\n          const uy = f + y + alignOffsetY;\n          translateX = ux;\n          translateY = uy;\n        } else if (alignOffsetX || alignOffsetY) {\n          translateX = alignOffsetX;\n          translateY = alignOffsetY;\n        }\n        // pattern 的 transform 使用用户坐标系单位（不再额外乘 dpr）\n        pattern.setTransform(new DOMMatrix([1 / context.dpr, 0, 0, 1 / context.dpr, translateX, translateY]));\n      }\n      context.highPerformanceSave();\n      context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);\n      context.fillStyle = pattern;\n      context.fill();\n      context.highPerformanceRestore();\n    } else if (texture === 'wave') {\n      context.save();\n      context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);\n      context.clip();\n      const b = graphic.AABBBounds;\n      drawWave(\n        context,\n        textureRatio,\n        b.width(),\n        b.height(),\n        { ...(textureOptions || {}), fill: textureColor },\n        x + b.x1 - x,\n        y + b.y1 - y\n      );\n      context.restore();\n    }\n  }\n\n  protected getPatternCacheKey(\n    texture: string | HTMLImageElement | HTMLCanvasElement,\n    textureSize: number,\n    texturePadding: number,\n    textureColor: string,\n    dpr: number\n  ) {\n    if (typeof texture !== 'string') {\n      return texture;\n    }\n    if (texture === 'wave') {\n      return null;\n    }\n    return `${texture}-${textureSize}-${texturePadding}-${textureColor}-${dpr}`;\n  }\n\n  protected createResourcePattern(\n    texture: string | HTMLImageElement | HTMLCanvasElement,\n    graphic: IGraphic,\n    context: IContext2d\n  ) {\n    const resource = graphic.resources?.get(texture as any);\n    const data = resource?.state === 'success' ? resource.data : typeof texture === 'object' ? texture : null;\n    if (!data) {\n      return null;\n    }\n    const pattern = context.createPattern(data, 'repeat');\n    pattern?.setTransform && pattern.setTransform(new DOMMatrix([1 / context.dpr, 0, 0, 1 / context.dpr, 0, 0]));\n    return pattern;\n  }\n}\n\nexport const defaultBaseTextureRenderContribution = new DefaultBaseTextureRenderContribution();\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-core",
-  "version": "1.0.45",
+  "version": "1.0.46-alpha.1",
   "description": "",
   "sideEffects": [
     "./src/modules.ts",
@@ -35,9 +35,9 @@
     "vite": "3.2.6",
     "typescript": "4.9.5",
     "cross-env": "^7.0.3",
+    "@internal/eslint-config": "0.0.1",
     "@internal/bundler": "0.0.1",
-    "@internal/ts-config": "0.0.1",
-    "@internal/eslint-config": "0.0.1"
+    "@internal/ts-config": "0.0.1"
   },
   "keywords": [
     "VisActor",