Текст, расположенный на холсте WebGL, становится размытым ⇐ CSS

[Anonymous]

Я столкнулся с проблемой, когда мой пиксельный текст, перекрывающийся с холстом WebGL, становится заметно размытым. На изображении: (1) элемент немного выше холста, а затем (2) касается холста (более темная вставка).
[img]https:// i.sstatic.net/8MQy5atT.png[/img]


Здесь я привел простой пример кода, протестированный в Google Chrome: https://codepen.io/sndyx/pen/zxOojwN
Похоже, что это не так. на которые влияют любые свойства, такие как рендеринг текста, -webkit-font-smoothing, шрифт-вес, размер шрифта и т. д. Я пробовал изолировать контексты стекирования холст и текст, но похоже, это не имеет никакого эффекта.
Кто-нибудь знает, как это предотвратить?

Подробнее здесь: https://stackoverflow.com/questions/792 ... mes-blurry