I’m trying to place large letter in a coordinate container to use as a kind of watermark.
It seems as if this causes the container to overflow vertically at some point prior to actually exceeding the dimensions. If either the label is big or the text size is larger than some point, the coordinate container wants to scroll.
How can I make a label display digits about as large as the parent container without causing overflow?
Set the style.overflow on the coord container to hidden
I can’t do that. I want to be able to scroll when there are actually components outside the view. I just don’t want the label to cause the overflow prematurely
Make the coordinate container use relative sizing, and make your label 100% width?
Same result. It is like the text extends beyond the label dimensions. Same thing happens in width, but seemingly much earlier in height:
I tried the
textOverflow:clip, but that had no effect.
Anything else I can try?
What you can do inside Perspective easily is put your text into an SVG - then the SVG can scale the text for you.
This is happening because the actual text is taking up more space than you are allowing for. In your View, you are allowing a height of
0.875%, but the Label actually “requires” more than 800 pixels of height when the text is set to 600. You can adjust the dimensions all you want, but behind-the-scenes that Label is going to take up that much space.
Thanks, I’ll try the SVG.
Else I’ll just keep the label small enough to fit