fix inline background color wrap rendering niklasvh#2558

cantoo-scribe · Aug 31, 2023 · df4c328 · df4c328
1 parent a6651e3
commit df4c328
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 7 deletions.
diff --git a/src/render/canvas/canvas-renderer.ts b/src/render/canvas/canvas-renderer.ts
@@ -713,7 +713,21 @@ export class CanvasRenderer extends Renderer {
 
             if (!isTransparent(styles.backgroundColor)) {
                 this.ctx.fillStyle = asString(styles.backgroundColor);
-                this.ctx.fill();
+
+                if (styles.display === DISPLAY.INLINE) {
+                    for (const textNode of paint.container.textNodes) {
+                        for (const textBound of textNode.textBounds) {
+                            this.ctx.fillRect(
+                                textBound.bounds.left,
+                                textBound.bounds.top,
+                                textBound.bounds.width,
+                                textBound.bounds.height
+                            );
+                        }
+                    }
+                } else {
+                    this.ctx.fill();
+                }
             }
 
             await this.renderBackgroundImage(paint.container);

diff --git a/src/render/path.ts b/src/render/path.ts
@@ -32,9 +32,12 @@ export const transformPath = (path: Path[], deltaX: number, deltaY: number, delt
     });
 };
 
-export const reversePath = (path: Path[]) : Path[] => {
-    return path.slice(0).reverse().map((point) => {
-        return point.reverse();
-    });
-}
-export type Path = Vector | BezierCurve;
+export const reversePath = (path: Path[]): Path[] => {
+    return path
+        .slice(0)
+        .reverse()
+        .map((point) => {
+            return point.reverse();
+        });
+};
+export type Path = Vector | BezierCurve;