Sie sind nicht angemeldet.

WebGl textfield border

jeromebg

Profi

  • »jeromebg« ist der Autor dieses Themas

Beiträge: 1 120

Wohnort: Angers - France

Beruf: 360 experiences creator

  • Nachricht senden

1

Donnerstag, 8. Oktober 2020, 12:20

WebGl textfield border

Hi,
I use textfields as hotspots but the rendering of the borders are not clean in webgl ?


here is an example : https://360images.fr/barebone_textfield_border/

borders are perfect in css3g but is not smooth (like with a very thin black border) in webgl.

additionally when adding a bgshadow, it is cut by the hotspot width, so not working as expected ?

any clue on how to improve this ?

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

2

Donnerstag, 8. Oktober 2020, 13:38

Hi,

according to the shadow:
instead of bg="false"
you can try bgalpha="0"
that seems to solve the shadow issue.

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

3

Donnerstag, 29. Oktober 2020, 22:15

Hi,

thanks, will be fixed in 1.20.9.

Best regards,
Klaus

V080

Anfänger

Beiträge: 8

  • Nachricht senden

4

Dienstag, 15. Juni 2021, 21:53

In version 1.20.9 the same thing continues to happen in webgl ...

With shadow: https://jmp.sh/hA4QRM7

Without shadow: https://jmp.sh/zwfHxna

Thanks.

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

5

Mittwoch, 16. Juni 2021, 10:21

Hi,

okay, sorry, I was not clear enough - the cut shadow was fixed in 1.20.9.

The border around the text itself is a core browser rendering problem. The HTML canvas API doesn't provide a way to control how the text anti-aliasing gets rendered on a transparent canvas.

A manual workaround can be using the text-color also as background-color and using an almost invisible background-alpha (e.g. bgalpha="0.004", that's 1/255, lower values might get reduced to 0).

Best regards,
Klaus

Ähnliche Themen