Рендеринг текста на холсте (размытый) ⇐ Html

[Гость]

Я знаю, что этот вопрос задавался много раз, но я перепробовал практически все, что смог найти в сети, и до сих пор не могу добиться правильного отображения текста на холсте, независимо от того, что (и с какими бы комбинациями) я ни пробовал.

Проблему с размытыми линиями и фигурами можно решить, просто добавив +0,5 пикселя к координатам. Однако это решение, похоже, не работает для рендеринга текста.

Примечание. Я никогда не использую CSS для установки ширины и высоты холста (просто попробовал один раз, чтобы проверить, изменит ли что-нибудь установка свойств размера как в HTML, так и в CSS). Кроме того, проблема, похоже, не связана с браузером.

Я пробовал:
[*]создание холста с использованием HTML, а затем использование JavaScript вместо HTML [*]установка ширины и высоты в элементе HTML, затем с помощью JS, затем с помощью HTML и JS [*]добавьте 0,5 пикселя к координатам текста всеми возможными комбинациями [*]изменение семейства шрифтов и размера шрифта [*]изменение единицы измерения размера шрифта (px, pt, em) [*]открытие файла в разных браузерах, чтобы проверить, изменилось ли что-нибудь [*]отключение альфа-канала с помощью canvas.getContext('2d', {alpha:false}), что привело к исчезновению большинства моих слоев, но не решило проблему.
Сравнение рендеринга шрифтов Canvas и HTML можно посмотреть здесь: https://jsfiddle.net/balleronde/1e9a5xbf/

Можно ли вообще заставить текст на холсте отображаться как текст в элементе dom? Любой совет или предложение будем очень признательны