diff --git a/__tests__/demos/perf/image.ts b/__tests__/demos/perf/image.ts
index 3eff13d5f..0f61f9a51 100644
--- a/__tests__/demos/perf/image.ts
+++ b/__tests__/demos/perf/image.ts
@@ -7,19 +7,49 @@ export async function image(context: { canvas: Canvas; gui: lil.GUI }) {
   console.log(canvas);
 
   const group = new Group();
+
+  // let image = new GImage({
+  //   style: {
+  //     x: 0,
+  //     y: 0,
+  //     // width: 100,
+  //     // height: 400,
+  //     // src: 'https://gw.alipayobjects.com/mdn/rms_6ae20b/afts/img/A*N4ZMS7gHsUIAAAAAAAAAAABkARQnAQ',
+  //     // src: 'http://mmtcdp.stable.alipay.net/cto_designhubcore/afts/img/g1a5QYkvbcMAAAAAAAAAAAAADgLVAQBr/original',
+  //     src: 'https://mdn.alipayobjects.com/huamei_fr7vu1/afts/img/A*SqloToP7R9QAAAAAAAAAAAAADkn0AQ/original',
+  //     // src: 'https://freepngimg.com/download/svg/animal/10081.svg',
+  //   },
+  // });
+
+  // group.appendChild(image);
+
+  const img = new Image();
+  img.onload = () => {
+    console.log('onload', img.complete);
+    // let image = new GImage({
+    //   style: {
+    //     x: 0,
+    //     y: 0,
+    //     src: img,
+    //   },
+    // });
+    // group.appendChild(image);
+  };
+
   let image = new GImage({
     style: {
       x: 0,
       y: 0,
-      // width: 100,
-      // height: 400,
-      // src: 'https://gw.alipayobjects.com/mdn/rms_6ae20b/afts/img/A*N4ZMS7gHsUIAAAAAAAAAAABkARQnAQ',
-      // src: 'http://mmtcdp.stable.alipay.net/cto_designhubcore/afts/img/g1a5QYkvbcMAAAAAAAAAAAAADgLVAQBr/original',
-      src: 'https://mdn.alipayobjects.com/huamei_fr7vu1/afts/img/A*SqloToP7R9QAAAAAAAAAAAAADkn0AQ/original',
+      src: img,
     },
   });
-
   group.appendChild(image);
+
+  // img.src = 'https://freepngimg.com/download/svg/animal/10081.svg';
+  img.src =
+    // 'https://gw.alipayobjects.com/mdn/rms_6ae20b/afts/img/A*N4ZMS7gHsUIAAAAAAAAAAABkARQnAQ';
+    'https://mdn.alipayobjects.com/huamei_fr7vu1/afts/img/A*SqloToP7R9QAAAAAAAAAAAAADkn0AQ/original';
+
   canvas.appendChild(group);
 
   // ---
diff --git a/packages/g-canvas/CHANGELOG.md b/packages/g-canvas/CHANGELOG.md
index e85a12c29..827ec57dd 100644
--- a/packages/g-canvas/CHANGELOG.md
+++ b/packages/g-canvas/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @antv/g-canvas
 
+## 2.0.25
+
+### Patch Changes
+
+-   Updated dependencies [1de86a88]
+-   Updated dependencies [abebed9e]
+-   Updated dependencies [1de86a88]
+    -   @antv/g-plugin-canvas-renderer@2.2.4
+    -   @antv/g-plugin-image-loader@2.1.4
+    -   @antv/g-plugin-canvas-picker@2.1.4
+
 ## 2.0.24
 
 ### Patch Changes
diff --git a/packages/g-canvas/package.json b/packages/g-canvas/package.json
index 9b0bd84e8..fa3e8d439 100644
--- a/packages/g-canvas/package.json
+++ b/packages/g-canvas/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-canvas",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "description": "A renderer implemented by Canvas 2D API",
   "keywords": [
     "antv",
diff --git a/packages/g-canvaskit/CHANGELOG.md b/packages/g-canvaskit/CHANGELOG.md
index 110e41d3c..763ff03d0 100644
--- a/packages/g-canvaskit/CHANGELOG.md
+++ b/packages/g-canvaskit/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @antv/g-canvaskit
 
+## 1.0.24
+
+### Patch Changes
+
+-   Updated dependencies [abebed9e]
+-   Updated dependencies [1de86a88]
+    -   @antv/g-plugin-image-loader@2.1.4
+    -   @antv/g-plugin-canvas-picker@2.1.4
+    -   @antv/g-plugin-canvaskit-renderer@2.1.4
+
 ## 1.0.23
 
 ### Patch Changes
diff --git a/packages/g-canvaskit/package.json b/packages/g-canvaskit/package.json
index ba8e713b8..7c3a99286 100644
--- a/packages/g-canvaskit/package.json
+++ b/packages/g-canvaskit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-canvaskit",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "description": "A renderer implemented by CanvasKit",
   "keywords": [
     "antv",
diff --git a/packages/g-mobile-canvas/CHANGELOG.md b/packages/g-mobile-canvas/CHANGELOG.md
index df90a5004..22febd2c1 100644
--- a/packages/g-mobile-canvas/CHANGELOG.md
+++ b/packages/g-mobile-canvas/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @antv/g-mobile-canvas
 
+## 1.0.22
+
+### Patch Changes
+
+-   Updated dependencies [1de86a88]
+-   Updated dependencies [abebed9e]
+-   Updated dependencies [1de86a88]
+    -   @antv/g-plugin-canvas-renderer@2.2.4
+    -   @antv/g-plugin-image-loader@2.1.4
+    -   @antv/g-plugin-canvas-picker@2.1.4
+
 ## 1.0.21
 
 ### Patch Changes
diff --git a/packages/g-mobile-canvas/package.json b/packages/g-mobile-canvas/package.json
index e67fb3c97..2477bffc0 100644
--- a/packages/g-mobile-canvas/package.json
+++ b/packages/g-mobile-canvas/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-mobile-canvas",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "A renderer implemented with Canvas2D API in mobile environment",
   "keywords": [
     "antv",
diff --git a/packages/g-mobile-webgl/CHANGELOG.md b/packages/g-mobile-webgl/CHANGELOG.md
index 2aa45ed4f..4fe0ed60c 100644
--- a/packages/g-mobile-webgl/CHANGELOG.md
+++ b/packages/g-mobile-webgl/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @antv/g-mobile-webgl
 
+## 1.0.29
+
+### Patch Changes
+
+-   Updated dependencies [abebed9e]
+-   Updated dependencies [1de86a88]
+    -   @antv/g-plugin-image-loader@2.1.4
+    -   @antv/g-plugin-device-renderer@2.2.4
+
 ## 1.0.28
 
 ### Patch Changes
diff --git a/packages/g-mobile-webgl/package.json b/packages/g-mobile-webgl/package.json
index 4ca481e95..987491473 100644
--- a/packages/g-mobile-webgl/package.json
+++ b/packages/g-mobile-webgl/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-mobile-webgl",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "description": "A renderer implemented by WebGL1/2 in mobile environment",
   "keywords": [
     "antv",
diff --git a/packages/g-plugin-3d/CHANGELOG.md b/packages/g-plugin-3d/CHANGELOG.md
index 2bb16921b..0520781aa 100644
--- a/packages/g-plugin-3d/CHANGELOG.md
+++ b/packages/g-plugin-3d/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @antv/g-plugin-3d
 
+## 2.0.27
+
+### Patch Changes
+
+-   @antv/g-plugin-device-renderer@2.2.4
+
 ## 2.0.26
 
 ### Patch Changes
diff --git a/packages/g-plugin-3d/package.json b/packages/g-plugin-3d/package.json
index 0ff0ef0ac..d0ba42787 100644
--- a/packages/g-plugin-3d/package.json
+++ b/packages/g-plugin-3d/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-plugin-3d",
-  "version": "2.0.26",
+  "version": "2.0.27",
   "description": "Provide 3D extension for G",
   "keywords": [
     "antv",
diff --git a/packages/g-plugin-canvas-picker/CHANGELOG.md b/packages/g-plugin-canvas-picker/CHANGELOG.md
index 498fcf942..5d38a55f9 100644
--- a/packages/g-plugin-canvas-picker/CHANGELOG.md
+++ b/packages/g-plugin-canvas-picker/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-plugin-canvas-picker
 
+## 2.1.4
+
+### Patch Changes
+
+-   Updated dependencies [1de86a88]
+    -   @antv/g-plugin-canvas-renderer@2.2.4
+
 ## 2.1.3
 
 ### Patch Changes
diff --git a/packages/g-plugin-canvas-picker/package.json b/packages/g-plugin-canvas-picker/package.json
index 61da904ab..17de8fab5 100644
--- a/packages/g-plugin-canvas-picker/package.json
+++ b/packages/g-plugin-canvas-picker/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-plugin-canvas-picker",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "A G plugin for picking in canvas",
   "keywords": [
     "antv",
diff --git a/packages/g-plugin-canvas-renderer/CHANGELOG.md b/packages/g-plugin-canvas-renderer/CHANGELOG.md
index 2d9ad2142..ef5a8c947 100644
--- a/packages/g-plugin-canvas-renderer/CHANGELOG.md
+++ b/packages/g-plugin-canvas-renderer/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @antv/g-plugin-canvas-renderer
 
+## 2.2.4
+
+### Patch Changes
+
+-   1de86a88: fix: rough canvas rendering error
+-   Updated dependencies [abebed9e]
+-   Updated dependencies [1de86a88]
+    -   @antv/g-plugin-image-loader@2.1.4
+
 ## 2.2.3
 
 ### Patch Changes
diff --git a/packages/g-plugin-canvas-renderer/package.json b/packages/g-plugin-canvas-renderer/package.json
index 37a5317d8..a2b92a9fc 100644
--- a/packages/g-plugin-canvas-renderer/package.json
+++ b/packages/g-plugin-canvas-renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-plugin-canvas-renderer",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "A G plugin of renderer implementation with Canvas2D API",
   "keywords": [
     "antv",
diff --git a/packages/g-plugin-canvas-renderer/src/CanvasRendererPlugin.ts b/packages/g-plugin-canvas-renderer/src/CanvasRendererPlugin.ts
index 98ed4375e..cbff713c9 100644
--- a/packages/g-plugin-canvas-renderer/src/CanvasRendererPlugin.ts
+++ b/packages/g-plugin-canvas-renderer/src/CanvasRendererPlugin.ts
@@ -8,6 +8,8 @@ import type {
   ContextService,
   CanvasContext,
   GlobalRuntime,
+  CSSRGB,
+  ParsedBaseStyleProps,
 } from '@antv/g-lite';
 import {
   AABB,
@@ -18,6 +20,7 @@ import {
   Node,
 } from '@antv/g-lite';
 import { mat4, vec3 } from 'gl-matrix';
+import { isNil } from '@antv/util';
 import type { CanvasRendererPluginOptions } from './interfaces';
 import type { Plugin } from '.';
 
@@ -599,7 +602,7 @@ export class CanvasRendererPlugin implements RenderingPlugin {
       context.save();
 
       // apply attributes to context
-      styleRenderer.applyAttributesToContext(context, object);
+      this.applyAttributesToContext(context, object);
     }
 
     if (generatePath) {
@@ -633,6 +636,39 @@ export class CanvasRendererPlugin implements RenderingPlugin {
     object.renderable.dirty = false;
   }
 
+  applyAttributesToContext(
+    context: CanvasRenderingContext2D,
+    object: DisplayObject,
+  ) {
+    const { stroke, fill, opacity, lineDash, lineDashOffset } =
+      object.parsedStyle as ParsedBaseStyleProps;
+    // @see https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/setLineDash
+    if (lineDash) {
+      context.setLineDash(lineDash);
+    }
+
+    // @see https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset
+    if (!isNil(lineDashOffset)) {
+      context.lineDashOffset = lineDashOffset;
+    }
+
+    if (!isNil(opacity)) {
+      context.globalAlpha *= opacity;
+    }
+
+    if (
+      !isNil(stroke) &&
+      !Array.isArray(stroke) &&
+      !(stroke as CSSRGB).isNone
+    ) {
+      context.strokeStyle = object.attributes.stroke as string;
+    }
+
+    if (!isNil(fill) && !Array.isArray(fill) && !(fill as CSSRGB).isNone) {
+      context.fillStyle = object.attributes.fill as string;
+    }
+  }
+
   private convertAABB2Rect(aabb: AABB): Rect {
     const min = aabb.getMin();
     const max = aabb.getMax();
diff --git a/packages/g-plugin-canvas-renderer/src/shapes/styles/Default.ts b/packages/g-plugin-canvas-renderer/src/shapes/styles/Default.ts
index 092b9e40d..656d236a8 100644
--- a/packages/g-plugin-canvas-renderer/src/shapes/styles/Default.ts
+++ b/packages/g-plugin-canvas-renderer/src/shapes/styles/Default.ts
@@ -16,39 +16,6 @@ import { OptimizedDefaultRenderer, DEFAULT_STYLE } from './OptimizedDefault';
 import { getColor, getPattern } from './helper';
 
 export class DefaultRenderer extends OptimizedDefaultRenderer {
-  applyAttributesToContext(
-    context: CanvasRenderingContext2D,
-    object: DisplayObject,
-  ) {
-    const { stroke, fill, opacity, lineDash, lineDashOffset } =
-      object.parsedStyle;
-    // @see https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/setLineDash
-    if (lineDash) {
-      context.setLineDash(lineDash);
-    }
-
-    // @see https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset
-    if (!isNil(lineDashOffset)) {
-      context.lineDashOffset = lineDashOffset;
-    }
-
-    if (!isNil(opacity)) {
-      context.globalAlpha *= opacity;
-    }
-
-    if (
-      !isNil(stroke) &&
-      !Array.isArray(stroke) &&
-      !(stroke as CSSRGB).isNone
-    ) {
-      context.strokeStyle = object.attributes.stroke as string;
-    }
-
-    if (!isNil(fill) && !Array.isArray(fill) && !(fill as CSSRGB).isNone) {
-      context.fillStyle = object.attributes.fill as string;
-    }
-  }
-
   render(
     context: CanvasRenderingContext2D,
     parsedStyle: ParsedBaseStyleProps,
diff --git a/packages/g-plugin-canvas-renderer/src/shapes/styles/interfaces.ts b/packages/g-plugin-canvas-renderer/src/shapes/styles/interfaces.ts
index 4ab4e8ffe..56fd2da2c 100644
--- a/packages/g-plugin-canvas-renderer/src/shapes/styles/interfaces.ts
+++ b/packages/g-plugin-canvas-renderer/src/shapes/styles/interfaces.ts
@@ -27,11 +27,6 @@ export interface StyleRenderer {
 
   // ---
 
-  applyAttributesToContext: (
-    context: CanvasRenderingContext2D,
-    object: DisplayObject,
-  ) => void;
-
   render: (
     context: CanvasRenderingContext2D,
     parsedStyle: ParsedBaseStyleProps,
diff --git a/packages/g-plugin-canvaskit-renderer/CHANGELOG.md b/packages/g-plugin-canvaskit-renderer/CHANGELOG.md
index d54dd7376..98f8a3a28 100644
--- a/packages/g-plugin-canvaskit-renderer/CHANGELOG.md
+++ b/packages/g-plugin-canvaskit-renderer/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @antv/g-plugin-canvaskit-renderer
 
+## 2.1.4
+
+### Patch Changes
+
+-   Updated dependencies [abebed9e]
+-   Updated dependencies [1de86a88]
+    -   @antv/g-plugin-image-loader@2.1.4
+
 ## 2.1.3
 
 ### Patch Changes
diff --git a/packages/g-plugin-canvaskit-renderer/package.json b/packages/g-plugin-canvaskit-renderer/package.json
index 3b3d05196..34ced9d62 100644
--- a/packages/g-plugin-canvaskit-renderer/package.json
+++ b/packages/g-plugin-canvaskit-renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-plugin-canvaskit-renderer",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "A G plugin of renderer implementation with CanvasKit",
   "keywords": [
     "antv",
diff --git a/packages/g-plugin-device-renderer/CHANGELOG.md b/packages/g-plugin-device-renderer/CHANGELOG.md
index 2e5a8331c..f963e6d22 100644
--- a/packages/g-plugin-device-renderer/CHANGELOG.md
+++ b/packages/g-plugin-device-renderer/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @antv/g-plugin-device-renderer
 
+## 2.2.4
+
+### Patch Changes
+
+-   Updated dependencies [abebed9e]
+-   Updated dependencies [1de86a88]
+    -   @antv/g-plugin-image-loader@2.1.4
+
 ## 2.2.3
 
 ### Patch Changes
diff --git a/packages/g-plugin-device-renderer/package.json b/packages/g-plugin-device-renderer/package.json
index a81bbd5f0..b35ad8c60 100644
--- a/packages/g-plugin-device-renderer/package.json
+++ b/packages/g-plugin-device-renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-plugin-device-renderer",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "A G plugin of renderer implementation with GPUDevice",
   "keywords": [
     "antv",
diff --git a/packages/g-plugin-image-loader/CHANGELOG.md b/packages/g-plugin-image-loader/CHANGELOG.md
index c6f414662..47a19c2bf 100644
--- a/packages/g-plugin-image-loader/CHANGELOG.md
+++ b/packages/g-plugin-image-loader/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-plugin-image-loader
 
+## 2.1.4
+
+### Patch Changes
+
+-   abebed9e: fix: the size of an unloaded Image is 0
+-   1de86a88: refactor: iterator forEach method now has compatibility
+
 ## 2.1.3
 
 ### Patch Changes
diff --git a/packages/g-plugin-image-loader/package.json b/packages/g-plugin-image-loader/package.json
index 74520f695..b1a7913c5 100644
--- a/packages/g-plugin-image-loader/package.json
+++ b/packages/g-plugin-image-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-plugin-image-loader",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "A G plugin for loading image",
   "keywords": [
     "antv",
diff --git a/packages/g-plugin-image-loader/src/ImagePool.ts b/packages/g-plugin-image-loader/src/ImagePool.ts
index ae03d10b0..3ce3c7b20 100644
--- a/packages/g-plugin-image-loader/src/ImagePool.ts
+++ b/packages/g-plugin-image-loader/src/ImagePool.ts
@@ -118,6 +118,10 @@ export class ImagePool {
 
       return new Promise((resolve, reject) => {
         imageCache.img.addEventListener('load', () => {
+          imageCache.size = [
+            imageCache.img.naturalWidth || imageCache.img.width,
+            imageCache.img.naturalHeight || imageCache.img.height,
+          ];
           imageCache.tileSize = calculateImageTileSize(imageCache.img);
           resolve(imageCache);
         });
@@ -223,6 +227,7 @@ export class ImagePool {
   async createImageTiles(
     src: Image['attributes']['src'],
     tiles: [number, number][],
+    rerender: () => void,
     ref: DisplayObject,
   ): Promise<ImageCache> {
     const imageCache = await this.getOrCreateImage(src, ref);
@@ -241,6 +246,7 @@ export class ImagePool {
         imageCache.img,
         imageCache.tileSize[0],
         imageCache.tileSize[0],
+        rerender,
       ),
     };
 
diff --git a/packages/g-plugin-image-loader/src/ImageSlicer.ts b/packages/g-plugin-image-loader/src/ImageSlicer.ts
index cf1e1e1ca..4e2fc261d 100644
--- a/packages/g-plugin-image-loader/src/ImageSlicer.ts
+++ b/packages/g-plugin-image-loader/src/ImageSlicer.ts
@@ -60,6 +60,7 @@ export class ImageSlicer {
     image: HTMLImageElement,
     sliceWidth: number,
     sliceHeight: number,
+    rerender: () => void,
     overlap = 0,
     api = ImageSlicer.api,
   ) {
@@ -123,6 +124,8 @@ export class ImageSlicer {
             tileY: row,
             data: sliceCanvas,
           };
+
+          rerender();
         });
       }
     }
diff --git a/packages/g-plugin-image-loader/src/RefCountCache.ts b/packages/g-plugin-image-loader/src/RefCountCache.ts
index f2d6723bc..8cbe9d573 100644
--- a/packages/g-plugin-image-loader/src/RefCountCache.ts
+++ b/packages/g-plugin-image-loader/src/RefCountCache.ts
@@ -1,5 +1,5 @@
 export class RefCountCache<CacheValue, CounterValue> {
-  #cacheStore = new Map<
+  private cacheStore = new Map<
     string,
     { value: CacheValue; counter: Set<CounterValue> }
   >();
@@ -7,15 +7,15 @@ export class RefCountCache<CacheValue, CounterValue> {
   onRefAdded(ref: CounterValue) {}
 
   has(key: string) {
-    return this.#cacheStore.has(key);
+    return this.cacheStore.has(key);
   }
 
   put(key: string, item: CacheValue, ref: CounterValue) {
-    if (this.#cacheStore.has(key)) {
+    if (this.cacheStore.has(key)) {
       return false;
     }
 
-    this.#cacheStore.set(key, {
+    this.cacheStore.set(key, {
       value: item,
       counter: new Set([ref]),
     });
@@ -25,7 +25,7 @@ export class RefCountCache<CacheValue, CounterValue> {
   }
 
   get(key: string, ref: CounterValue) {
-    const cacheItem = this.#cacheStore.get(key);
+    const cacheItem = this.cacheStore.get(key);
     if (!cacheItem) {
       return null;
     }
@@ -39,7 +39,7 @@ export class RefCountCache<CacheValue, CounterValue> {
   }
 
   update(key: string, value: CacheValue, ref: CounterValue) {
-    const cacheItem = this.#cacheStore.get(key);
+    const cacheItem = this.cacheStore.get(key);
     if (!cacheItem) {
       return false;
     }
@@ -54,7 +54,7 @@ export class RefCountCache<CacheValue, CounterValue> {
   }
 
   release(key: string, ref: CounterValue) {
-    const cacheItem = this.#cacheStore.get(key);
+    const cacheItem = this.cacheStore.get(key);
     if (!cacheItem) {
       return false;
     }
@@ -62,23 +62,23 @@ export class RefCountCache<CacheValue, CounterValue> {
     cacheItem.counter.delete(ref);
 
     if (cacheItem.counter.size <= 0) {
-      this.#cacheStore.delete(key);
+      this.cacheStore.delete(key);
     }
 
     return true;
   }
 
   releaseRef(ref: CounterValue) {
-    this.#cacheStore.keys().forEach((key) => {
+    Array.from(this.cacheStore.keys()).forEach((key) => {
       this.release(key, ref);
     });
   }
 
   getSize() {
-    return this.#cacheStore.size;
+    return this.cacheStore.size;
   }
 
   clear() {
-    this.#cacheStore.clear();
+    this.cacheStore.clear();
   }
 }
diff --git a/packages/g-plugin-rough-canvas-renderer/CHANGELOG.md b/packages/g-plugin-rough-canvas-renderer/CHANGELOG.md
index 9e1fbe0a4..1a5d26049 100644
--- a/packages/g-plugin-rough-canvas-renderer/CHANGELOG.md
+++ b/packages/g-plugin-rough-canvas-renderer/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @antv/g-plugin-rough-canvas-renderer
 
+## 2.0.25
+
+### Patch Changes
+
+-   @antv/g-canvas@2.0.25
+
 ## 2.0.24
 
 ### Patch Changes
diff --git a/packages/g-plugin-rough-canvas-renderer/package.json b/packages/g-plugin-rough-canvas-renderer/package.json
index 2725cd88b..d06e57d48 100644
--- a/packages/g-plugin-rough-canvas-renderer/package.json
+++ b/packages/g-plugin-rough-canvas-renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-plugin-rough-canvas-renderer",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "description": "A G plugin of renderer implementation with rough.js",
   "keywords": [
     "antv",
diff --git a/packages/g-plugin-zdog-canvas-renderer/CHANGELOG.md b/packages/g-plugin-zdog-canvas-renderer/CHANGELOG.md
index 329c9ab3f..d3acfe1b9 100644
--- a/packages/g-plugin-zdog-canvas-renderer/CHANGELOG.md
+++ b/packages/g-plugin-zdog-canvas-renderer/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @antv/g-plugin-zdog-canvas-renderer
 
+## 2.0.24
+
+### Patch Changes
+
+-   @antv/g-canvas@2.0.25
+
 ## 2.0.23
 
 ### Patch Changes
diff --git a/packages/g-plugin-zdog-canvas-renderer/package.json b/packages/g-plugin-zdog-canvas-renderer/package.json
index 83a48b6e9..e7b9516c9 100644
--- a/packages/g-plugin-zdog-canvas-renderer/package.json
+++ b/packages/g-plugin-zdog-canvas-renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-plugin-zdog-canvas-renderer",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "A G plugin of renderer implementation with Zdog",
   "keywords": [
     "antv",
diff --git a/packages/g-web-components/CHANGELOG.md b/packages/g-web-components/CHANGELOG.md
index 19096430d..be2e36fbe 100644
--- a/packages/g-web-components/CHANGELOG.md
+++ b/packages/g-web-components/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-web-components
 
+## 2.0.30
+
+### Patch Changes
+
+-   @antv/g-canvas@2.0.25
+-   @antv/g-webgl@2.0.29
+
 ## 2.0.29
 
 ### Patch Changes
diff --git a/packages/g-web-components/package.json b/packages/g-web-components/package.json
index ed7701c31..04dfd6f9b 100644
--- a/packages/g-web-components/package.json
+++ b/packages/g-web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-web-components",
-  "version": "2.0.29",
+  "version": "2.0.30",
   "description": "A declarative usage for G implemented with WebComponents",
   "keywords": [
     "antv",
diff --git a/packages/g-webgl/CHANGELOG.md b/packages/g-webgl/CHANGELOG.md
index 729f37dd2..001328b99 100644
--- a/packages/g-webgl/CHANGELOG.md
+++ b/packages/g-webgl/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @antv/g-webgl
 
+## 2.0.29
+
+### Patch Changes
+
+-   Updated dependencies [abebed9e]
+-   Updated dependencies [1de86a88]
+    -   @antv/g-plugin-image-loader@2.1.4
+    -   @antv/g-plugin-device-renderer@2.2.4
+
 ## 2.0.28
 
 ### Patch Changes
diff --git a/packages/g-webgl/package.json b/packages/g-webgl/package.json
index a9f18f8eb..94e9a9212 100644
--- a/packages/g-webgl/package.json
+++ b/packages/g-webgl/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-webgl",
-  "version": "2.0.28",
+  "version": "2.0.29",
   "description": "A renderer implemented by WebGL1/2",
   "keywords": [
     "antv",
diff --git a/packages/g-webgpu/CHANGELOG.md b/packages/g-webgpu/CHANGELOG.md
index 8ceb378ef..902d14e99 100644
--- a/packages/g-webgpu/CHANGELOG.md
+++ b/packages/g-webgpu/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @antv/g-webgpu
 
+## 2.0.29
+
+### Patch Changes
+
+-   Updated dependencies [abebed9e]
+-   Updated dependencies [1de86a88]
+    -   @antv/g-plugin-image-loader@2.1.4
+    -   @antv/g-plugin-device-renderer@2.2.4
+
 ## 2.0.28
 
 ### Patch Changes
diff --git a/packages/g-webgpu/package.json b/packages/g-webgpu/package.json
index d41cfc178..5f3b719f8 100644
--- a/packages/g-webgpu/package.json
+++ b/packages/g-webgpu/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-webgpu",
-  "version": "2.0.28",
+  "version": "2.0.29",
   "description": "A renderer implemented by WebGPU",
   "keywords": [
     "antv",