RE: baseline problem

Why not just use 'baseline-shift'? Am I missing something here?

<svg>
   <line x1='5' y1='100' x2='695' y2='100' style='stroke:red;
stroke-width:1; fill:none; '/>
   <text x='300' y='100' style='fill:black; text-anchor:middle;
font-size:16px;'>
      <tspan style='baseline-shift:baseline;'>
         baseline
      </tspan>
      <tspan style='baseline-shift:sub;'>
         sub
      </tspan>
      <tspan style='baseline-shift:super;'>
         super
      </tspan>
      <tspan style='baseline-shift:-33%;'>
         percentage (-33%)
      </tspan>
      <tspan style='baseline-shift:3px;'>
         length (3px)
      </tspan>
      <tspan style='baseline-shift:-80%;'>
         Baseline-Shift (-80%)
      </tspan>
   </text>
</svg>


Hope that helps-
-Doug


Chris Lilley wrote:
>
>
> On Sunday, May 4, 2003, 10:49:09 PM, dario wrote:
>
> d> OK, what can i do to draw text under specified line
>
> d> so, there is line at 100 pixels from the top, i'd like text
> drawn just under
> d> it. is it possible?
>
> I understand the use case and no, not directly. You need to know what
> the text size is and then offset that much by yourself.
>
> <text x="100" y="62" font-size="12" text-anchor="middle">blah</text>
>
> --
>  Chris                            mailto:chris@w3.org
>

Received on Sunday, 4 May 2003 20:52:55 UTC