fix: fix inline background color wrap rendering

This commit is contained in:
Gustavo Toyota 2023-07-14 11:12:38 -04:00
parent 6020386bbe
commit ea5be244dc

View File

@ -714,8 +714,22 @@ export class CanvasRenderer extends Renderer {
if (!isTransparent(styles.backgroundColor)) { if (!isTransparent(styles.backgroundColor)) {
this.ctx.fillStyle = asString(styles.backgroundColor); this.ctx.fillStyle = asString(styles.backgroundColor);
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(); this.ctx.fill();
} }
}
await this.renderBackgroundImage(paint.container); await this.renderBackgroundImage(paint.container);