В IE11 и даже в Edge, если вы визуализируете fillText
с помощью общего .font
типа 16px serif
, результат не всегда совпадает с отображением элемента DOM с применением точно таких же стилей. Похоже, что элемент canvas не относится к атрибуту lang
, как это делают элементы DOM, и это влияет на окончательный визуализированный шрифт. Стандартные браузеры, похоже, не имеют проблем с этим.
CJK-скрипты продемонстрируют проблему ... вы можете проверить это с помощью 今日は
... обратите внимание, что визуализированный шрифт по-прежнему отличается, даже если атрибут lang
правильно установлен на ja
.
Вариант использования здесь - визуализация универсальных шрифтов в canvas для сопоставления с известными шрифтами, чтобы программно найти, какие универсальные шрифты используются для данной комбинации браузера / ОС / языка, поэтому требуется, чтобы canvas каким-то образом был вынужден вести себя так же, как визуализировал текст в DOM или хотя бы как-то обнаружил, что он будет отличаться.