mirror/html2canvas
1
0
Fork 0
mirror of https://github.com/niklasvh/html2canvas.git synced 2023-08-10 21:13:10 +03:00
Code Issues Projects Releases Wiki Activity

Update canvas-renderer.ts

Browse Source 
Fixes vertical alignment of text within divs
This commit is contained in:
haztheo 2022-08-18 17:20:44 +01:00 committed by GitHub
parent 6020386bbe
commit 66254512b9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/render/canvas/canvas-renderer.ts
View File

@ -146,12 +146,11 @@ export class CanvasRenderer extends Renderer {
renderTextWithLetterSpacing(text: TextBounds, letterSpacing: number, baseline: number): void { renderTextWithLetterSpacing(text: TextBounds, letterSpacing: number, baseline: number): void {
if (letterSpacing === 0) { if (letterSpacing === 0) {
this.ctx.fillText(text.text, text.bounds.left, text.bounds.top + baseline); this.ctx.fillText(text.text, text.bounds.left, text.bounds.top + text.bounds.height - baseline);
} else { } else {
const letters = segmentGraphemes(text.text); const letters = segmentGraphemes(text.text);
letters.reduce((left, letter) => { letters.reduce((left, letter) => {
this.ctx.fillText(letter, left, text.bounds.top + baseline); this.ctx.fillText(text.text, text.bounds.left, text.bounds.top + text.bounds.height - baseline);
return left + this.ctx.measureText(letter).width; return left + this.ctx.measureText(letter).width;
}, text.bounds.left); }, text.bounds.left);
} }