antvis · wang1212 · Dec 26, 2024 · Dec 26, 2024 · Dec 26, 2024
diff --git a/__tests__/demos/bugfix/textWordWrap.ts b/__tests__/demos/bugfix/textWordWrap.ts
@@ -1,5 +1,9 @@
 import { Canvas, Text, Rect } from '@antv/g';
+import * as tinybench from 'tinybench';
 
+/**
+ * @link https://github.com/antvis/G/issues/1833
+ */
 export async function textWordWrap(context: { canvas: Canvas }) {
   const { canvas } = context;
   await canvas.ready;
@@ -105,4 +109,44 @@ export async function textWordWrap(context: { canvas: Canvas }) {
   canvas.appendChild(rect1);
   canvas.appendChild(text2);
   canvas.appendChild(rect2);
+
+  // benchmark
+  // ----------
+  const bench = new tinybench.Bench({
+    name: 'canvas text benchmark',
+    time: 100,
+  });
+
+  const canvasEl = document.createElement('canvas');
+  const testText = 'Hello, World!';
+  bench.add('Measure the entire text at once', async () => {
+    canvasEl.getContext('2d').measureText(testText);
+  });
+  bench.add('Character-by-character measurement', async () => {
+    const ctx = canvasEl.getContext('2d');
+    Array.from(testText).forEach((char) => {
+      ctx.measureText(char);
+    });
+  });
+
+  const testText1 =
+    'In G, text line break detection is currently done by iteratively measuring the width of each character and then adding them up to determine whether a line break is needed. External users may configure wordWrapWidth by directly measuring the width of the entire text. The two different text measurement methods will lead to visual inconsistencies.';
+  bench.add('(long txt) Measure the entire text at once', async () => {
+    canvasEl.getContext('2d').measureText(testText1);
+  });
+  bench.add('(long txt) Character-by-character measurement', async () => {
+    const ctx = canvasEl.getContext('2d');
+    Array.from(testText1).forEach((char) => {
+      ctx.measureText(char);
+    });
+  });
+
+  await bench.run();
+
+  console.log(bench.name);
+  console.table(bench.table());
+  console.log(bench.results);
+  console.log(bench.tasks);
+
+  // ----------
 }
diff --git a/__tests__/demos/event/hierarchy.ts b/__tests__/demos/event/hierarchy.ts
@@ -1,6 +1,6 @@
-import { Circle, Path } from '@antv/g';
+import { Canvas, Circle, Path } from '@antv/g';
 
-export async function hierarchy(context) {
+export async function hierarchy(context: { canvas: Canvas }) {
   const { canvas } = context;
   await canvas.ready;
 

diff --git a/packages/g-camera-api/CHANGELOG.md b/packages/g-camera-api/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-camera-api
 
+## 2.0.30
+
+### Patch Changes
+
+-   Updated dependencies [1d13497]
+    -   @antv/[email protected]
+
 ## 2.0.29
 
 ### Patch Changes

diff --git a/packages/g-camera-api/package.json b/packages/g-camera-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-camera-api",
-  "version": "2.0.29",
+  "version": "2.0.30",
   "description": "A simple implementation of Camera API.",
   "keywords": [
     "antv",

diff --git a/packages/g-canvas/CHANGELOG.md b/packages/g-canvas/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @antv/g-canvas
 
+## 2.0.34
+
+### Patch Changes
+
+-   Updated dependencies [1d13497]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+
 ## 2.0.33
 
 ### Patch Changes

diff --git a/packages/g-canvas/package.json b/packages/g-canvas/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-canvas",
-  "version": "2.0.33",
+  "version": "2.0.34",
   "description": "A renderer implemented by Canvas 2D API",
   "keywords": [
     "antv",

diff --git a/packages/g-canvaskit/CHANGELOG.md b/packages/g-canvaskit/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @antv/g-canvaskit
 
+## 1.0.33
+
+### Patch Changes
+
+-   Updated dependencies [1d13497]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+    -   @antv/[email protected]
+
 ## 1.0.32
 
 ### Patch Changes

diff --git a/packages/g-canvaskit/package.json b/packages/g-canvaskit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-canvaskit",
-  "version": "1.0.32",
+  "version": "1.0.33",
   "description": "A renderer implemented by CanvasKit",
   "keywords": [
     "antv",

diff --git a/packages/g-components/CHANGELOG.md b/packages/g-components/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-components
 
+## 2.0.27
+
+### Patch Changes
+
+-   Updated dependencies [1d13497]
+    -   @antv/[email protected]
+
 ## 2.0.26
 
 ### Patch Changes

diff --git a/packages/g-components/package.json b/packages/g-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-components",
-  "version": "2.0.26",
+  "version": "2.0.27",
   "description": "Components for g",
   "keywords": [
     "antv",

diff --git a/packages/g-dom-mutation-observer-api/CHANGELOG.md b/packages/g-dom-mutation-observer-api/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-dom-mutation-observer-api
 
+## 2.0.27
+
+### Patch Changes
+
+-   Updated dependencies [1d13497]
+    -   @antv/[email protected]
+
 ## 2.0.26
 
 ### Patch Changes

diff --git a/packages/g-dom-mutation-observer-api/package.json b/packages/g-dom-mutation-observer-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-dom-mutation-observer-api",
-  "version": "2.0.26",
+  "version": "2.0.27",
   "description": "A simple implementation of DOM MutationObserver API.",
   "keywords": [
     "antv",

diff --git a/packages/g-gesture/CHANGELOG.md b/packages/g-gesture/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-gesture
 
+## 3.0.27
+
+### Patch Changes
+
+-   Updated dependencies [1d13497]
+    -   @antv/[email protected]
+
 ## 3.0.26
 
 ### Patch Changes

diff --git a/packages/g-gesture/package.json b/packages/g-gesture/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-gesture",
-  "version": "3.0.26",
+  "version": "3.0.27",
   "description": "G Gesture",
   "keywords": [
     "antv",

diff --git a/packages/g-image-exporter/CHANGELOG.md b/packages/g-image-exporter/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-image-exporter
 
+## 1.0.27
+
+### Patch Changes
+
+-   Updated dependencies [1d13497]
+    -   @antv/[email protected]
+
 ## 1.0.26
 
 ### Patch Changes

diff --git a/packages/g-image-exporter/package.json b/packages/g-image-exporter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-image-exporter",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "description": "A image exporter for G using DOM API",
   "keywords": [
     "antv",

diff --git a/packages/g-lite/CHANGELOG.md b/packages/g-lite/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @antv/g-lite
 
+## 2.2.11
+
+### Patch Changes
+
+-   1d13497: fix: the text wrapping position is not accurate
+
 ## 2.2.10
 
 ### Patch Changes

diff --git a/packages/g-lite/package.json b/packages/g-lite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-lite",
-  "version": "2.2.10",
+  "version": "2.2.11",
   "description": "A core module for rendering engine implements DOM API.",
   "keywords": [
     "antv",