Skip to content

Commit 367f9f2

Browse files
committed
fix: text percent left and top
1 parent 555caca commit 367f9f2

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

src/shapes/text.ts

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,14 @@ import { stringProperty } from './shape';
66

77
export default class Text extends Rectangle {
88
drawOnCanvas(canvas: Canvas) {
9-
canvas.drawText(this.text, layout.toDeviceIndependentPixels(PercentLength.toDevicePixels(this.left)), layout.toDeviceIndependentPixels(PercentLength.toDevicePixels(this.top)), this.paint);
9+
const availableWidth = layout.toDevicePixels(canvas.getWidth());
10+
const availableHeight = layout.toDevicePixels(canvas.getHeight());
11+
canvas.drawText(
12+
this.text,
13+
layout.toDeviceIndependentPixels(PercentLength.toDevicePixels(this.left, 0, availableWidth)),
14+
layout.toDeviceIndependentPixels(PercentLength.toDevicePixels(this.top, 0, availableHeight)),
15+
this.paint
16+
);
1017
}
1118
@stringProperty text: string;
1219
}

0 commit comments

Comments
 (0)