Hi All
I have the following code for my SVG
----------------------------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" ?>
<svg width="640" height="320" viewBox="0 0 640 320" onload="adjustText(evt)"
version="1.1"
xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; file-version="$Header: ibwfnl.xml
120.1 2005/09/09 01:15 gjothiku noship $">
<script><![CDATA[
function adjustText(evt)
{
// This function is used to wrap up the vertical text that come over the image
// Declaring variables
var textlength = 0;
var pathlength = 0;
var fs = 0;
// Declaring Arrays
var textobj = new
Array('textattract','textpersuade','textconvert','textretain');
var textpathobj = new
Array('textpathattract','textpathpersuade','textpathconvert','textpathretain');
var obj = new Array('attract','persuade','convert','retain');
svgdoc = evt.target.ownerDocument;
for (var i=0;i<textobj.length;i++)
{
vtextobj = svgdoc.getElementById(textobj[i]);
vtextpathobj = svgdoc.getElementById(textpathobj[i]);
vobj = svgdoc.getElementById(obj[i]);
// Getting the font size of the vertical text
fs = vtextobj.getAttribute("font-size");
// Getting the length in pixels of the vertical text
textlength = vtextobj.getComputedTextLength();
// Getting the length in pixels of the vertical path over which the text is
written
pathlength = vobj.getTotalLength();
if ( textlength > pathlength )
{
// If the length of the text is greater than the length of the path
// then the font size of the text is adjusted in such a way that it
// accomodates within the path length
fs = fs * pathlength/textlength;
// Again performing a reduction in the font size to avoid truncation of
// one or two characters of the text at the ends
fs = fs - 0.75;
vtextpathobj.setAttribute("font-size",fs);
}
}
}
]]></script>
<image x="0" y="0" width="640" height="320"
xlink:href="/OA_HTML/ibwfunnel.svg">
</image>
<text id="textattract" font-size="25" fill="none">
ATTRACT
</text>
<path id="attract" style="fill:none" d="M 150 280 V 75"/>
<text style="fill:#FFFFFF;font-family:Tahoma-Bold;font-size:25">
<textPath id="textpathattract" startOffset="50%" style = "text-anchor:middle"
xlink:href="#attract">
ATTRACT
</textPath>
</text>
<text id="textpersuade" font-size="25" fill="none">
PERSUADE
</text>
<path id="persuade" style="fill:none" d="M 245 270 V 85"/>
<text style="fill:#FFFFFF;font-family:Tahoma-Bold;font-size:25">
<textPath id="textpathpersuade" startOffset="50%" style = "text-anchor:middle"
xlink:href="#persuade">
PERSUADE
</textPath>
</text>
<text id="textconvert" font-size="25" fill="none">
CONVERT
</text>
<path id="convert" style="fill:none" d="M 330 260 V 95"/>
<text style="fill:#FFFFFF;font-family:Tahoma-Bold;font-size:25">
<textPath id="textpathconvert" startOffset="50%" style = "text-anchor:middle"
xlink:href="#convert">
CONVERT
</textPath>
</text>
<text id="textretain" font-size="25" fill="none">
RETAIN
</text>
<path id="retain" style="fill:none" d="M 405 250 V 105"/>
<text style="fill:#FFFFFF;font-family:Tahoma-Bold;font-size:25">
<textPath id="textpathretain" startOffset="50%" style = "text-anchor:middle"
xlink:href="#retain">
RETAIN
</textPath>
</text>
<text x="5" y="180" font-family="Verdana-Italic" font-size="12" fill="#FFFFFF" >
<a
xlink:href="/OA_HTML/OA.jsp?page=/oracle/apps/bis/pmv/drill/webui/DrillPG&retainAM=Y&addBreadCrumb=Y&pMode=1&dbc=crmu3r12&transactionid=88536237&pUrlString={!!w7Z.JHukNzliaprJJMDGrmiwu.V5NjYKDw2MYeEyWZOeDZVbTxn5OPF1-ftjXsexF6X83ADlpusBaZhCealQvw&pUserId=1002926&pPageId=-1028995&pDrillType=KPI&oas=t_XxnX2_scqnwvk_EhBHzg..">Visits
</a>
</text>
<text x="5" y="220" font-family="Verdana" font-size="11" >
1,542
</text>
<text x="147" y="18" font-family="Verdana" font-size="12" >
<a
xlink:href="/OA_HTML/OA.jsp?page=/oracle/apps/bis/pmv/drill/webui/DrillPG&retainAM=Y&addBreadCrumb=Y&pMode=1&dbc=crmu3r12&transactionid=88536237&pUrlString={!!b-AcyUwAjBoDSk5b2dmjGJxq2nDYC3sGn38aJlLZMb7n9VxnFmEtFWXDsGqSni82gF9xRU6bakYRzHg-p4eQbg&pUserId=1002926&pPageId=-1028995&pDrillType=KPI&oas=AlmPPuRekw3H9QTJwKAaLg..">Carts
</a>
</text>
<text x="149" y="40" font-family="Verdana" font-size="11" >
825
</text>
<text x="225" y="18" font-family="Verdana" font-size="12" >
<a
xlink:href="/OA_HTML/OA.jsp?page=/oracle/apps/bis/pmv/drill/webui/DrillPG&retainAM=Y&addBreadCrumb=Y&pMode=1&dbc=crmu3r12&transactionid=88536237&pUrlString={!!AnHvKrBkv4Er45Z1aS4x7g8D35zNZLti742zzuvOMl-zR.uQpLQDZ5e83s9Eaik0F6X83ADlpusBaZhCealQvw&pUserId=1002926&pPageId=-1028995&pDrillType=KPI&oas=7Uh-Opr_VdH-n5_mEWcrow..">Registered
Carts </a>
</text>
<text x="255" y="40" font-family="Verdana" font-size="11" >
638
</text>
<text x="370" y="18" font-family="Verdana" font-size="12" >
<a
xlink:href="/OA_HTML/OA.jsp?page=/oracle/apps/bis/pmv/drill/webui/DrillPG&retainAM=Y&addBreadCrumb=Y&pMode=1&dbc=crmu3r12&transactionid=88536237&pUrlString={!!AnHvKrBkv4Er45Z1aS4x7g8D35zNZLti742zzuvOMl-zR.uQpLQDZ5e83s9Eaik0F6X83ADlpusBaZhCealQvw&pUserId=1002926&pPageId=-1028995&pDrillType=KPI&oas=7Uh-Opr_VdH-n5_mEWcrow..">Orders
</a>
</text>
<text x="380" y="40" font-family="Verdana" font-size="11" >
55
</text>
<text x="450" y="18" font-family="Verdana" font-size="12" >
<a
xlink:href="/OA_HTML/OA.jsp?page=/oracle/apps/bis/pmv/drill/webui/DrillPG&retainAM=Y&addBreadCrumb=Y&pMode=1&dbc=crmu3r12&transactionid=88536237&pUrlString={!!AnHvKrBkv4Er45Z1aS4x7g8D35zNZLti742zzuvOMl-zR.uQpLQDZ5e83s9Eaik0F6X83ADlpusBaZhCealQvw&pUserId=1002926&pPageId=-1028995&pDrillType=KPI&oas=7Uh-Opr_VdH-n5_mEWcrow..">Repeat
Orders </a>
</text>
<text x="480" y="40" font-family="Verdana" font-size="11" >
32
</text>
<text x="430" y="180" font-family="Verdana-Italic" font-size="12"
fill="#FFFFFF" >
<a
xlink:href="/OA_HTML/OA.jsp?page=/oracle/apps/bis/pmv/drill/webui/DrillPG&retainAM=Y&addBreadCrumb=Y&pMode=1&dbc=crmu3r12&transactionid=88536237&pUrlString={!!TW46UMfHb2iGTl.l-dJiUPUhtTRsro8ZVBdxdZY8gCC6ykBU2Fx2fNrybn2sfMdJJO29Pgj-CUGpDhBqyjQBaA&pUserId=1002926&pPageId=-1028995&pDrillType=KPI&oas=Jmz5AwHtFpCUvTS0zW-JMA..">Booked
Orders Amount </a>
</text>
<text x="550" y="220" font-family="Verdana" font-size="11" >
111,377
</text>
</svg>
----------------------------------------------------------------------------------------------------------------------------------------
Now when I am trying to zoom teh image using the control key the image is
zoomed with teh text on it. But the text over the images are not refreshed
properly meaning that sometimes the ATTRACT text is half cut and sometimes some
other texts are partially shown. And this behaviour is not consistent always.
Each time I zoom some texts here and there is getting cutting or totally not
shown. I tested in IE. Is this an issue with the SVG Viewer I am using Adobe
SVG Viewer 3.0. Or should I have something specific in my above code so that
everything refreshes properly.
I have also attached the ibwfunnel.svg that I am refering in teh above code
with this mail.
It would be very helpful if someone could help me out on this.
Thanks
ganesh
---------------------------------
Yahoo! FareChase - Search multiple travel sites in one click.
[Non-text portions of this message have been removed]
------------------------ Yahoo! Groups Sponsor --------------------~-->
Get Bzzzy! (real tools to help you find a job). Welcome to the Sweet Life.
http://us.click.yahoo.com/A77XvD/vlQLAA/TtwFAA/1U_rlB/TM
--------------------------------------------------------------------~->
-----
To unsubscribe send a message to: [EMAIL PROTECTED]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my
membership"
----
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/
<*> To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
