search

bubkoo / html-to-image

✂️ Generates an image from a DOM node using HTML5 canvas and SVG.
MIT License
5.4k stars 505 forks source link

Use fillText to draw text #390

Closed Lechros closed 1 year ago

Lechros commented 1 year ago

Use context.fillText to draw text.

Expected Behavior

Get crisp texts instead of blurry ones.

Possible Solution

Use fillText when you draw text node. If it's not possible, drawing non-text first then use fillText to draw text afterwards could be a way.

Additional Context

Images, divs was faithful to dom, but text was rather blurry. Also tried html2canvas, it had blurry divs but crisp texts. It used fillText to draw texts internally, so I thought it would be nice to get clean texts in html-to-image.

vivcat[bot] commented 1 year ago

👋 @Lechros

Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. To help make it easier for us to investigate your issue, please follow the contributing guidelines.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

vivcat[bot] commented 1 month ago

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.