- From: Doug Schepers <doug.schepers@vectoreal.com>
- Date: Tue, 03 Apr 2007 14:49:43 -0400
- To: www-svg@w3.org
Hi, Jhon-
I put together a (very) simple example of how you can do text-wrapping
with script. I tested in in Windows with FF2, Opera9, and IE7+ASV3.
http://svg-whiz.com/svg/text/TextWrap-simple.svg
It's by no means perfect... it does take into account text-anchor, but
not letter-spacing, word-spacing, etc. The heuristic for determining
the width of each line is a weak ad-hoc measure based on the number of
characters and the font-size, not the getComputedTextLength or getBBox,
because those didn't work (for this purpose) in FF2.
Still, I hope it's of some use to you. To use it, simply create a
'textArea' element in my pseudo-SVG1.2 namespace, with the desired
dimensions and text, and this script will do pretty much the rest. You
can use whatever attributes you want (it will transfer them over), but
keep in mind that this script is not rigorously tested.
You could adapt it to be more robust, but I'm hoping the real
'svg:textArea' element is implemented in browsers before long, making
this script unnecessary.
Regards-
-Doug
Research and Standards Engineer
6th Sense Analytics
www.6thsenseanalytics.com
mobile: 919.824.5482
Doug Schepers wrote:
>
> Hi, jhon-
>
> Well, the proximal cause of that error is that setProperty takes 3
> arguments, not 2. So, for example, instead of:
> this._svg.style.setProperty('text-anchor', anchor);
> it should say,
> this._svg.style.setProperty('text-anchor', anchor, '');
>
> But repairing that still doesn't fix the file.
>
> In Firefox1.5, relative values for 'dy' are not implemented, so the code
> still won't work.
>
> I can whip up a simple proof-of-concept that works across browsers for
> you, if you're interested.
>
> Regards-
> -Doug
>
> jhon wrote:
> > Greetings.
> >
> > http://www.xml.com/2002/09/11/examples/TextWrap.svg
> >
> > This SVG file is not work in mozilla, firefox and opera.
> > I put this in the svg file
> >
> > xmlns:xlink="http://www.w3.org/1999/xlink"
> >
> > but, NO work, only the half :-( .
> >
> >
> > In Mozilla, firefox i have the following log at the error console:
> >
> > 1.)
> > Warning: Unknown property 'line-interval'. Rejected declaration.
> > Source file : file:///home/foo/SVG/TextWrap.svg
> > line: 0
> >
> > (here: in the *line-interval* is the Text String")
> >
> > 2.)
> > Error: uncaught exception: [Exception... "Not enough arguments"
> nsresult: "0x80570001 (NS_ERROR_XPC_NOT_ENOUGH_ARGS)" location: "JS
> > frame :: file:///home/foo/SVG/TextWrap.es :: anonymous :: line 266"
> data: no]
> >
> > Internet Explorer work fine.
> >
> > Some Help?.
> >
> >
> >
> >
> >
>
>
--
Received on Tuesday, 3 April 2007 18:49:58 UTC