arthur/xiao
1
0
Fork 0
mirror of https://github.com/arthur-pbty/xiao.git synced 2026-06-24 02:15:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

Make font use actual canvas height

Browse Source
This commit is contained in:
Dragon Fire
2024-05-03 00:48:14 -04:00
parent 8dea664082
commit dfa215b296
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
commands/edit-image-text/font.js
+2 -1
View File
@@ -38,7 +38,8 @@ module.exports = class FontCommand extends Command {
ctxPre.font = this.client.fonts.get(font.filename).toCanvasString(50); ctxPre.font = this.client.fonts.get(font.filename).toCanvasString(50);
const len = ctxPre.measureText(text); const len = ctxPre.measureText(text);
const lines = wrapText(ctxPre, text, 950); const lines = wrapText(ctxPre, text, 950);
const canvas = createCanvas(Math.min(len.width + 50, 1000), 50 + (50 * lines.length) + (20 * lines.length)); const height = len.actualBoundingBoxAscent + len.actualBoundingBoxDescent;
const canvas = createCanvas(Math.min(len.width + 50, 1000), 50 + height);
const ctx = canvas.getContext('2d'); const ctx = canvas.getContext('2d');
ctx.font = this.client.fonts.get(font.filename).toCanvasString(50); ctx.font = this.client.fonts.get(font.filename).toCanvasString(50);
ctx.textBaseline = 'top'; ctx.textBaseline = 'top';