smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Allow multiline text (#535)

Browse source 
* Allow multiline text

* Figure out offset correctly

* Run prettier
This commit is contained in:
Jilles Soeters 2020-01-24 10:35:51 -08:00 • committed by Lipis
parent 54f9c296b5
commit d65e90209c
2 changed files with 9 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/renderer/renderElement.ts
View file

@ -144,11 +144,13 @@ export function renderElement(
context.font = element.font;
const fillStyle = context.fillStyle;
context.fillStyle = element.strokeColor;
context.fillText(
element.text,
0,
element.baseline || element.actualBoundingBoxAscent || 0,
);
// Canvas does not support multiline text by default
const lines = element.text.replace(/\r\n?/g, "\n").split("\n");
const lineHeight = element.height / lines.length;
const offset = element.height - element.baseline;
for (let i = 0; i < lines.length; i++) {
context.fillText(lines[i], 0, (i + 1) * lineHeight - offset);
}
context.fillStyle = fillStyle;
context.font = font;
context.globalAlpha = 1;