js-draw 1.24.1 → 1.24.2

package/dist/cjs/components/TextComponent.d.ts

@@ -76,6 +76,17 @@ export default class TextComponent extends AbstractComponent implements Restylea
     private static getFontHeight;
     private computeUntransformedBBoxOfPart;
     private recomputeBBox;
+    /**
+     * Renders a TextComponent or a TextComponent child onto a `canvas`.
+     *
+     * `visibleRect` can be provided as a performance optimization. If not the top-level
+     * text node, `baseTransform` (specifies the transformation of the parent text component
+     * in canvas space) should also be provided.
+     *
+     * Note that passing a `baseTransform` is preferable to transforming `visibleRect`. At high
+     * zoom levels, transforming `visibleRect` by the inverse of the parent transform can lead to
+     * inaccuracy due to precision loss.
+     */
     private renderInternal;
     render(canvas: AbstractRenderer, visibleRect?: Rect2): void;
     getProportionalRenderingTime(): number;

package/dist/cjs/components/TextComponent.js

@@ -154,11 +154,22 @@ class TextComponent extends AbstractComponent_1.default {
         }
         this.contentBBox = bbox ?? math_1.Rect2.empty;
     }
-    renderInternal(canvas, visibleRect) {
+    /**
+     * Renders a TextComponent or a TextComponent child onto a `canvas`.
+     *
+     * `visibleRect` can be provided as a performance optimization. If not the top-level
+     * text node, `baseTransform` (specifies the transformation of the parent text component
+     * in canvas space) should also be provided.
+     *
+     * Note that passing a `baseTransform` is preferable to transforming `visibleRect`. At high
+     * zoom levels, transforming `visibleRect` by the inverse of the parent transform can lead to
+     * inaccuracy due to precision loss.
+     */
+    renderInternal(canvas, visibleRect, baseTransform = math_1.Mat33.identity) {
         const cursor = new TextComponent.TextCursor(this.transform, this.style);
         for (const textObject of this.textObjects) {
             const { transform, bbox } = cursor.update(textObject);
-            if (visibleRect && !visibleRect.intersects(bbox)) {
+            if (visibleRect && !visibleRect.intersects(bbox.transformedBoundingBox(baseTransform))) {
                 continue;
             }
             if (typeof textObject === 'string') {
@@ -166,7 +177,7 @@ class TextComponent extends AbstractComponent_1.default {
             }
             else {
                 canvas.pushTransform(transform);
-                textObject.renderInternal(canvas, visibleRect?.transformedBoundingBox(transform.inverse()));
+                textObject.renderInternal(canvas, visibleRect, baseTransform.rightMul(transform));
                 canvas.popTransform();
             }
         }

package/dist/cjs/version.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @internal
  */
 exports.default = {
-    number: '1.24.1',
+    number: '1.24.2',
 };

package/dist/mjs/components/TextComponent.d.ts

@@ -76,6 +76,17 @@ export default class TextComponent extends AbstractComponent implements Restylea
     private static getFontHeight;
     private computeUntransformedBBoxOfPart;
     private recomputeBBox;
+    /**
+     * Renders a TextComponent or a TextComponent child onto a `canvas`.
+     *
+     * `visibleRect` can be provided as a performance optimization. If not the top-level
+     * text node, `baseTransform` (specifies the transformation of the parent text component
+     * in canvas space) should also be provided.
+     *
+     * Note that passing a `baseTransform` is preferable to transforming `visibleRect`. At high
+     * zoom levels, transforming `visibleRect` by the inverse of the parent transform can lead to
+     * inaccuracy due to precision loss.
+     */
     private renderInternal;
     render(canvas: AbstractRenderer, visibleRect?: Rect2): void;
     getProportionalRenderingTime(): number;

package/dist/mjs/components/TextComponent.mjs

@@ -148,11 +148,22 @@ class TextComponent extends AbstractComponent {
         }
         this.contentBBox = bbox ?? Rect2.empty;
     }
-    renderInternal(canvas, visibleRect) {
+    /**
+     * Renders a TextComponent or a TextComponent child onto a `canvas`.
+     *
+     * `visibleRect` can be provided as a performance optimization. If not the top-level
+     * text node, `baseTransform` (specifies the transformation of the parent text component
+     * in canvas space) should also be provided.
+     *
+     * Note that passing a `baseTransform` is preferable to transforming `visibleRect`. At high
+     * zoom levels, transforming `visibleRect` by the inverse of the parent transform can lead to
+     * inaccuracy due to precision loss.
+     */
+    renderInternal(canvas, visibleRect, baseTransform = Mat33.identity) {
         const cursor = new TextComponent.TextCursor(this.transform, this.style);
         for (const textObject of this.textObjects) {
             const { transform, bbox } = cursor.update(textObject);
-            if (visibleRect && !visibleRect.intersects(bbox)) {
+            if (visibleRect && !visibleRect.intersects(bbox.transformedBoundingBox(baseTransform))) {
                 continue;
             }
             if (typeof textObject === 'string') {
@@ -160,7 +171,7 @@ class TextComponent extends AbstractComponent {
             }
             else {
                 canvas.pushTransform(transform);
-                textObject.renderInternal(canvas, visibleRect?.transformedBoundingBox(transform.inverse()));
+                textObject.renderInternal(canvas, visibleRect, baseTransform.rightMul(transform));
                 canvas.popTransform();
             }
         }

package/dist/mjs/version.mjs

@@ -4,5 +4,5 @@
  * @internal
  */
 export default {
-    number: '1.24.1',
+    number: '1.24.2',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "js-draw",
-	"version": "1.24.1",
+	"version": "1.24.2",
 	"description": "Draw pictures using a pen, touchscreen, or mouse! JS-draw is a drawing library for JavaScript and TypeScript. ",
 	"types": "./dist/mjs/lib.d.ts",
 	"main": "./dist/cjs/lib.js",
@@ -64,11 +64,11 @@
 		"postpack": "ts-node tools/copyREADME.ts revert"
 	},
 	"dependencies": {
-		"@js-draw/math": "^1.24.1",
+		"@js-draw/math": "^1.24.2",
 		"@melloware/coloris": "0.22.0"
 	},
 	"devDependencies": {
-		"@js-draw/build-tool": "^1.24.1",
+		"@js-draw/build-tool": "^1.24.2",
 		"@types/jest": "29.5.5",
 		"@types/jsdom": "21.1.3"
 	},
@@ -86,5 +86,5 @@
 		"freehand",
 		"svg"
 	],
-	"gitHead": "ef847374748e32d6d96d993a2236a99d9109a32c"
+	"gitHead": "32c8db56fc8996c8d485118d1ee37077428344a3"
 }