# Adding a text label on renderer

**URL:** https://discourse.vtk.org/t/adding-a-text-label-on-renderer/14065
**Category:** Web
**Created:** [June 17, 2024, 3:55pm UTC](https://discourse.vtk.org/t/adding-a-text-label-on-renderer/14065 "2024-06-17T15:55:19Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![ina](https://discourse.vtk.org/letter_avatar_proxy/v4/letter/i/b5e925/32.png) [@ina](https://discourse.vtk.org/u/ina)
#### Post date: [June 17, 2024, 3:55pm UTC](https://discourse.vtk.org/t/adding-a-text-label-on-renderer/14065/1 "2024-06-17T15:55:19Z")

</div>

Hello everyone. I am new to VTK.js and I have a lot of troubles with something seemingly very easy. I want to put a label below a mesh on the renderer. I want this label to be static. I don’t want it to change position or size when interacting the actors on the scene. The reason I want it on the renderer and not just on top of it as svg or simply html element is because, I want to be part of the snapshot that can be taken with the .captureNextImage(). Is there a way to achive that? Thank You!

---

<div class="post-metadata">

### Author: ![finetjul](https://discourse.vtk.org/user_avatar/discourse.vtk.org/finetjul/32/154_2.png) [@finetjul](https://discourse.vtk.org/u/finetjul)
#### Post date: [June 17, 2024, 4:05pm UTC](https://discourse.vtk.org/t/adding-a-text-label-on-renderer/14065/2 "2024-06-17T16:05:50Z")

</div>

You can look at the following [Spheres and Labels](https://kitware.github.io/vtk-js/examples/SpheresAndLabels.html) example. It creates a “text canvas”. You might then simply capture the canvas to generate your snapshot.

---

<div class="post-metadata">

### Author: ![agustindasilvaR](https://discourse.vtk.org/user_avatar/discourse.vtk.org/agustindasilvar/32/8899_2.png) [@agustindasilvaR](https://discourse.vtk.org/u/agustindasilvaR)
#### Post date: [June 19, 2024, 10:19am UTC](https://discourse.vtk.org/t/adding-a-text-label-on-renderer/14065/4 "2024-06-19T10:19:51Z")

</div>

> [@Adding a text label on renderer](https://discourse.vtk.org/t/adding-a-text-label-on-renderer/14065/2):
>
> You can look at the following [Spheres and Labels](https://kitware.github.io/vtk-js/examples/SpheresAndLabels.html) example. It creates a “text canvas”. You might then simply capture the canvas to generate your snapshot.

I’m trying to use this example as a reference, but I’m having so many issues to apply it to my project. I’m looking for a way that I can render text labels whenever I click my 3D model. Any clue on that? I am struggling to find something or someone who needed to do something similar with vtk.js.
