xtermjs/xterm.js

Text is abnormally thin when setting allowTransparency=true with webgl renderer (even when color is opaque)

Open

#4212 aperta il 18 ott 2022

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)TypeScript (1574 fork)batch import
area/addon/webglhelp wantedtype/bug

Metriche repository

Star
 (16.196 star)
Metriche merge PR
 (Merge medio 4g 3h) (81 PR mergiate in 30 g)

Descrizione

Text rendering is abnormally thin when allowTransparency=true with the webgl renderer even when the background color is completely opaque.

allowTransparency=false: disallow_transparency

allowTransparency=true: allow_transparency

I think this is also mentioned in this comment in another bug.

Details

  • Browser and browser version: Chrome 106.0.5249.119
  • OS version: Linux (Debian)
  • xterm.js version: ToT @ 376f0d99721b6ec056b15551f46237b80e24b55b

Steps to reproduce

  1. Run the demo page
  2. Set theme to light and font family to "Noto Sans Mono"
  3. Execute echo -e '\033[33mhello world\033[m'
  4. Observe that the rendering is OK
  5. Check the "allowTransparency" toggle
  6. Reload the webgl addon because the rendering is messed up: Uncheck and then check the webgl checkbox under "Addon". (I believe reloading the addon is NOT what is causing problem here)
  7. Observe that the "hello world" text is abnormally thin

Note that the light theme have a completely opaque background, so the rendering theoretically should just be the same.

Guida contributor

Direzione di ricerca
Analizza il codice del renderer webgl, in particolare come allowTransparency influisce sul rendering del testo. Esamina i programmi shader e il ciclo di rendering nell'addon webgl (probabilmente in src/renderer/webgl/). Confronta il percorso di rendering con allowTransparency=false rispetto a true. Il problema potrebbe essere correlato alla fusione alfa per lo sfondo anche quando il colore è opaco. Verifica se la bitmap del testo viene erroneamente sfumata. Inoltre, rivedi il commento nell'issue #1898 per ulteriore contesto. Considera di aggiungere un test che verifichi il rendering con sfondo opaco e allowTransparency=true.
Tech stack
typescript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Git
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60