Update canvas-renderer.ts to fix Vertical alignment issues with text

[haztheo]

• Bug 1 Fixes vertical alignment of text within divs - issue shown here: https://github.com/niklasvh/html2canvas/issues/2937

• Now the fillText usage logically makes sense

• Tested across Chrome, Firefox, Safari

Before:

After:

[eugeneZolotarenko]

Can we merge it?

[JoaquimLey]

Hey, this was approved for close to a year now? Can we merge it?

[Sharcoux]

Can be tested in @cantoo/html2canvas

[caendesilva]

I tried this out and for me the text got justified too much.

Latest release:

With this patch:

This patch, but after applying this suggestion https://github.com/niklasvh/html2canvas/pull/2938/files#r972962898

[acurrieclark]

I have done a little more research into this, and it seems that the calculation is using the incorrect parameters. The baseline should actually be the font size in px. Will make a new PR.

[Sharcoux]

Ah, damn. @acurrieclark do you mind pushing your fix to this project too: https://github.com/cantoo-scribe/html2canvas ? This one seems a bit abandoned and I tried to merge the most promising PRs inside it

[acurrieclark]

@Sharcoux in case you didn't see, I raised this as an issue on your fork. There are a couple of possible solutions to the problem. I have found one which fixes things on my end, but it may not be the most general solution.