Is there any way to add a semi-opaque background to the text element from react three drei? So something like a div surrounding it with a background-color. I feel like there might be a way to do it by making an entirely separate mesh and then positioning it at the same position and angle as the text, but I’m wondering if the Text import has any built-in features that can achieve this easier (There didn’t seem to be any in the docs).
<Text> just renders SDF text, it is not concerned with a background as far as i know. the conventional solution would be to put a mesh/planegeometry underneath.
it’s based on troika troika/packages/troika-three-text at main · protectwise/troika · GitHub you can always check there for api docs. all properties apply.