Home/ Questions/Q 7177057
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T16:37:59+00:00

So here is the problem: I am trying to create dynamic buttons that have

  • 0

So here is the problem:

I am trying to create dynamic buttons that have text. The text will be generated dynamically so the svg object doesn’t know the size of the text. There are two things that I am looking to do and I hope that SVG will do this

First I want the left and right edge of the svg element to stay the same even if I scale the element horizontally

svg navigation problems

Expected results

The problem is that I have to set a width on the svg otherwise it doesn’t show up when I display the page. Also on the Home and blog buttons you can see that the edge is compressed. I want the edge to stay the same no matter how much text is in the element.

Also I can’t seem to set the scale or width properly even with a javascript .getComputedTextLength()

Any help or a point in the right direction would be very helpful

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Buttons that are sized to their text content is functionality that can be adressed with Raphael’s getBBox()
    The use of this js library means that you are implicitly using SVG or VML and this functionality is more easily addressed by referencing this JavaScript library
    To see the getBBox() function in action you could visit the Autobox example here:

    http://www.irunmywebsite.com/raphael/additionalhelp.php?v=2

    • 0