Hi, this is my first post to this group. I'm using Batik bundled with
Cocoon. I do not really know SVG, so I hope you will pardon my
ignorance here... I'm sort of just looking for a formula to do something
simple. This is for a web application with a design that calls for an
exotic font for some "header" text above one of the page elements, so
I'm using Batik to serialize the text to a PNG image on he server side.
All I need to is to flow some text within a box :-)
After some scrounging around, I came up with this:
<?xml version="1.0"?>
<svg
xmlns="http://www.w3.org/2000/svg";
version="1.2"
>
<flowRoot
style="
fill: black;
font-size: 30;
font-family: inkburrow;
"
>
<flowRegion>
<!--
THE BOX
@height makes no difference?!
-->
<rect x="0" y="30" width="150" height="500"/>
</flowRegion>
<flowDiv>
<flowPara>
foo bar baz spaz <!-- THE TEXT -->
</flowPara>
</flowDiv>
</flowRoot>
</svg>
It's "sort of" working :-/... you can see the results here:
http://dev.wrinkledog.com/ml/text-flow-example.png
I can make the box narrower or wider with the expected effects on the
line break point. However, the box always clips just below the top of
the second line of text (as shown in the example image), no matter what
value I set for the <rect/@height> attribute.
I'd sure appreciate any pointers here! :-)
Thanks,
—ml—
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
