Scalable text element on a drawing

Ignition
,
1

I am using a drawing to display cell status with a label indicating the name of the cell.

Capture
Capture312×295 7.14 KB

Currently the way I display the text is a element on the shape with a binding

{
  "type": "text",
  "style": {
    "fill": "#000000",
    "fontWeight": "bold",
    "opacity": 1,
    "overflow": "hidden",
    "whiteSpace": "nowrap",
    "dominant-baseline": "middle",
    "font-size": "1vw",
    "pointer-events": "none",
    "text-anchor": "middle"
  },
  "x": "50%",
  "y": "50%",
  "text": "Palletizer"
}

What is the best way to make the entire text visible on the shape and scale with the box size?
I want the shape to scale with the users resolution and remain fully readable.

Is there a better way overall to display a box or similar over a full plant layout?

2

This is Perspective? Add the tag to your question title by selecting it from the dropdown on the right. It will save some confusion.

2 Likes
3

Missed that step, just updated, thank you!

2 Likes
4

I have not had to do this, but this thread has some good info that seems applicable in part.
Perspective - Font Scaling with SVG? - Ignition - Inductive Automation Forum