vsg zooming help

kelum
06-21-2004, 11:57 PM
hi,
in my application i need to zoom specific point when user clicked on that point.
that means if i clicked on some point i should show the more closer look of that area and data.
but here i want to center the clicked point on the viewing area.

here is my code.
pls send your comments and solutions
regards,
thanks.

-------------------------canvas.svg------------------------

<?xml version="1.0" encoding="iso-8859-1" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd">
<svg viewBox="-2361 0 4625 2336" id="cont"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" onclick="get_url(evt)">
<defs>
<style type="text/css">
<![CDATA[
.str7 {stroke:#1F1A17;stroke-width:3}
.str4 {stroke:#0093DD;stroke-width:3}
.str5 {stroke:#0093DD;stroke-width:4}
.str3 {stroke:#0093DD;stroke-width:5}
.str2 {stroke:#0093DD;stroke-width:6}
.str1 {stroke:#0093DD;stroke-width:8}
.str6 {stroke:#BB90BB;stroke-width:14}
.str0 {stroke:#DA251D;stroke-width:21}
.fil0 {fill:none}
.fil2 {fill:#1F1A17}
.fil1 {fill:#C4E5FA}
.fil3 {fill:#FFFFFF}
.fnt1 {font-weight:normal;font-size:125;font-family:'Arial';text-rendering:optimizeLegibility;}
.fnt0 {font-weight:normal;font-size:139;font-family:'Arial';text-decoration:underline;text-rendering:optimizeLegibility;}
]]>
</style>

<script><![CDATA[
var svgdoc = ""
var count=0;
function get_url(evt)
{
clickX=evt.clientX;
clickY=evt.clientY;
svgdoc = evt.target.ownerDocument
getURL("rivers"+count+".xml",callback)
zoom(clickX,clickY)
}
function callback(data)
{
if (data.success)
{
new_node = parseXML(data.content,svgdoc)
svgdoc.getElementById("base").appendChild(new_node)
count=count+1

}
}


//<g onclick="document.getElementById('cont').setAttribute('view Box','-766 860 1190 1020');" id="sbg"><rect style="fill:#ffffff;fill-opacity:0;stroke:white;stroke-width:13" x="-2361" y="0" width="4625" height="2336"/></g>
function zoom(xm,ym){
//node = evt.target.ownerDocument.getElementById("cont")
//
node= svgdoc.getElementById("cont")
node.setAttribute('viewBox',(xm-75)+' '+(ym-75)+' 150 150')
//node.setAttribute('viewBox','100 860 750 750')

}
]]></script>

</defs>


<g id="base" >
<rect x="-2361" y="0" width="4625" height="2336" fill="white" />
<path class="fil0 str0" d="M2196 757c-18,-18 -50,-33 -57,-56 -7,-19 -15,-65 -25,-77 -22,-9 -24,-16 -24,-39 -17,-24 -53,-33 -30,-65l0 -50c14,-25 29,-48 47,-70 4,-39 -15,-75 -17,-114 -4,-86 -48,-25 -94,-49 -21,-11 -23,-17 -48,-7 -4,-24 0,-43 -30,-43 -38,0 -39,-27 -78,-14 -35,-8 -32,12 -40,38 -9,9 -15,16 -23,26 -47,0 -96,-9 -146,-9 -52,0 -101,-24 -123,-73 -33,-3 -41,-32 -71,-31 -28,1 -25,25 -59,16 -22,-6 -34,-25 -58,-32 -36,-9 -48,-7 -71,-41 -15,-4 -36,-3 -49,-12 -17,-13 -12,-27 -41,-14 -42,-4 -17,-21 -40,21 -28,-7 -38,13 -59,7 15,-50 -15,-42 -47,-42 -30,-29 -46,-18 -56,17 -8,31 14,53 5,84 -6,26 -12,57 -15,85 42,32 -30,18 -45,12 -63,-23 -25,31 -56,52 -46,32 -30,41 -33,89 -2,46 -34,11 -57,7l-5 -16c-38,23 -55,15 -86,-16 -25,16 6,33 -31,51 -18,8 -29,19 -49,27 -38,-21 -71,-29 -114,-29 -40,0 -43,-17 -66,-43 38,-26 8,-33 -14,-60 -35,-6 -44,-25 -68,-48 -63,-13 -27,96 -35,132"/>
<path class="fil0 str0" d="M288 371c-8,26 -3,44 -34,50 -17,81 -55,4 -98,-3 -20,-4 -26,-13 -45,-19 -29,34 -40,8 -35,57 3,28 -16,37 -12,66 7,47 -31,82 -64,111 -39,34 -58,12 -96,26 -35,14 -64,9 -90,42 -26,32 -35,29 -73,33 -4,5 -9,9 -12,14 -12,19 -38,51 -59,55 -20,61 47,62 59,112 8,30 26,38 50,59 18,60 52,61 0,121 -10,13 -8,13 -3,28 -34,45 -5,52 36,37 39,-15 45,47 54,69 -16,43 -44,69 -28,118 -40,65 -91,-14 -132,-36 -58,-33 12,-52 -20,-78 -5,-4 -10,-7 -14,-11 10,-45 -91,-38 -105,-12 -14,27 -2,21 -31,23 -59,2 -39,-64 -83,-53 -20,6 -17,2 -33,-3 -27,-7 -39,21 -58,-5 24,-60 -5,-15 -31,-5 -35,13 7,39 9,67 2,37 -111,-2 -137,4 -32,6 -54,3 -79,28 -25,3 -53,-5 -81,-2 -30,3 -58,-16 -70,28 -5,19 2,31 -24,36 -40,9 -88,-20 -94,37 34,25 -15,13 -29,17 -37,10 -26,44 -68,40 5,-43 -5,-30 -44,-21"/>
<path class="fil0 str0" d="M-1286 1401c-11,6 -17,11 -27,19 -6,0 -12,0 -18,0 -24,1 -44,3 -68,-7 13,-20 8,-25 -6,-41 -12,-14 -13,-12 -13,-30l-34 0 0 -16c21,-8 26,-14 7,-31 -6,1 -12,0 -18,2 -11,3 -20,11 -33,12 -5,1 -10,-1 -15,-2 -16,-15 -22,-15 -42,-22l-12 -14c-18,0 -33,-4 -51,-4 -12,20 -15,24 -40,21 -23,-2 -26,-4 -41,-22 16,-14 17,-11 0,-21 -17,11 -7,7 -6,24 2,13 -4,21 -7,33 -5,27 18,36 18,63 0,18 -8,15 -18,26 -7,7 -11,20 -15,29 -5,3 -10,5 -14,9 -16,14 -27,38 -40,55 -6,2 -12,2 -17,4 -6,2 -9,7 -14,10 -9,6 -20,10 -30,14 -16,-5 -16,-5 -33,0"/>
<path class="fil0 str0" d="M1609 1905l33 -4c27,-26 67,-48 80,-85 14,-7 42,-22 48,-38 6,-16 -3,-42 25,-21 23,-14 54,-5 81,-5 58,0 6,-18 -5,-33 20,-15 56,-13 23,-31 -42,-22 56,-67 3,-70 -23,-1 -27,10 -21,-22 -41,-18 -19,-13 -17,-44 1,-29 3,-19 26,-36 0,-19 0,-34 -10,-51 -3,-4 -9,-7 -11,-12 -8,-18 4,-27 -3,-48 7,-20 17,-18 29,-2 19,-17 11,-8 31,-11 9,-1 60,-41 63,-50 3,-9 -2,-24 -3,-33 31,-22 42,-36 3,-57 2,-25 -3,-47 -28,-54 -25,11 -23,10 -45,-4 -15,-9 -93,-11 -64,-36 2,-19 -1,-17 15,-9 15,-15 22,-19 42,-26 -4,-36 24,-49 56,-35 19,9 29,8 48,14 9,42 26,63 68,37 6,-21 11,-38 23,-7 18,10 107,-10 125,-23 -14,-22 -11,-39 -21,-62 17,-39 -23,-40 -23,-72 66,-6 38,-42 49,-85 -16,-24 56,-40 7,-55 -9,-3 -21,1 -30,3 -2,-21 -9,-43 6,-57l-16 -24"/>
<path class="fil0 str0" d="M-1873 1512c4,-21 1,-19 19,-29 -3,-34 7,-34 19,-63 -25,-25 -40,6 -66,4 -28,15 -20,-15 -29,-39 41,-15 -3,-41 -11,-59 -32,-10 -29,-7 -46,-38 -14,-24 -14,-6 -37,-16 -25,-10 -16,10 -38,-6 -22,-16 -5,-16 -12,-42 -40,-18 -41,17 -51,45 -33,10 -68,14 -101,24 7,33 18,32 46,47 0,31 0,34 10,63 -25,19 -32,10 -49,41 -14,27 -48,37 -24,70 -3,26 12,30 5,63 11,14 22,23 32,38 -3,28 13,41 -16,59 19,30 33,1 59,15 20,12 19,15 45,18 26,22 29,14 58,22 8,40 -26,62 24,86 33,15 46,12 71,41 30,35 59,27 99,12 30,-11 -14,-74 54,-47 20,-28 15,-67 63,-62 12,17 10,28 29,38 59,30 -43,84 43,94 24,3 18,9 40,-5 32,-20 51,-14 72,14 59,23 -28,60 41,45 19,18 38,11 61,26 28,-12 38,-10 66,0 20,-9 27,-30 47,-45 3,-32 9,-69 28,-96 23,0 26,-3 31,-26 25,-8 57,-12 84,-19 25,-7 24,-7 45,10 39,34 43,-51 81,-20 38,30 36,-19 72,-2 27,13 34,4 57,29 23,0 20,-13 42,-15 36,-4 55,-33 92,-40 24,-5 61,-11 76,-26l18 -4"/>
<path class="fil0 str0" d="M-724 1717c35,-12 49,-23 78,5 -24,15 -9,42 -45,42 -55,0 1,63 -7,91 28,23 23,37 59,26 42,42 7,50 21,90 55,12 30,11 48,52 12,26 110,66 134,64 33,-1 57,-9 82,19 41,-31 52,26 81,26 31,0 53,2 84,6 49,5 101,1 139,40 25,-9 40,5 66,-9 23,-12 25,-18 45,5 17,2 35,-4 50,0 22,6 43,19 63,11 46,20 94,36 146,26 43,-10 58,5 93,27 37,-8 68,-13 82,30 24,18 65,4 96,9 27,4 40,2 66,-9 37,18 28,28 74,19 16,24 33,69 33,9 0,-30 68,-24 77,-70 23,-11 39,-8 62,-15 6,-30 16,-101 56,-87 18,-23 27,-28 47,-2 15,-45 40,-41 82,-45 32,-3 51,19 83,10 42,-11 94,-30 120,18 28,0 36,-3 54,-26 -12,-53 45,-14 59,-54 30,0 50,15 80,-4 5,-3 10,-8 15,-10 34,-15 101,22 122,42 25,23 22,-24 9,-39 -36,-38 -21,-44 -26,-92"/>
<path class="fil0 str0" d="M1604 1922l5 -17"/>
</g>


<g id="signaturen" visibility="visible">
<g >
<circle class="fil2 str7" cx="-160" cy="1078" r="39"/>
<circle class="fil3 str7" cx="-160" cy="1078" r="28"/>
</g>
<g >
<circle class="fil2 str7" cx="592" cy="639" r="39"/>
<circle class="fil3 str7" cx="592" cy="639" r="28"/>
</g>
<g >
<circle class="fil2 str7" cx="1326" cy="653" r="39"/>
<circle class="fil3 str7" cx="1326" cy="653" r="28"/>
</g>
<g >
<circle class="fil2 str7" cx="1868" cy="1033" r="39"/>
<circle class="fil3 str7" cx="1868" cy="1033" r="28"/>
</g>
<g >
<circle class="fil2 str7" cx="603" cy="2108" r="39"/>
<circle class="fil3 str7" cx="603" cy="2108" r="28"/>
</g>
<g >
<circle class="fil2 str7" cx="1272" cy="1719" r="39"/>
<circle class="fil3 str7" cx="1272" cy="1719" r="28"/>
</g>
<g >
<circle class="fil2 str7" cx="-1142" cy="1537" r="45"/>
<circle class="fil3 str7" cx="-1142" cy="1537" r="32"/>
</g>
<g >
<circle class="fil2 str7" cx="-2110" cy="1315" r="45"/>
<circle class="fil3 str7" cx="-2110" cy="1315" r="32"/>
</g>
<g >
<circle class="fil2 str7" cx="1797" cy="689" r="59"/>
<circle class="fil3 str7" cx="1797" cy="689" r="41"/>
</g>
</g>
<g id="schrift" visibility="visible">
<text x="1716" y="562" class="fil2 fnt0">aaaa</text>
<text x="1020" y="600" class="fil2 fnt1">bbbb</text>
<text x="1301" y="1680" class="fil2 fnt1">cccc</text>
<text x="361" y="2028" class="fil2 fnt1">dddd</text>
<text x="-143" y="1027" class="fil2 fnt1">eeee</text>
<text x="484" y="574" class="fil2 fnt1">ffff</text>
<text x="1356" y="975" class="fil2 fnt1">gggg</text>
<text x="-1419" y="1702" class="fil2 fnt1">hhhh</text>
<text x="-2222" y="1204" class="fil2 fnt1">iiii</text>
</g>
</svg>
--------------------------------------------------------------------------

-------------------rivers0.svg-------------------------------------------
<g>
<path class="fil0 str6" d="M93 1085l-21 -1"/>
<path class="fil0 str6" d="M-273 913c8,-1 17,2 23,-2 7,-4 8,-16 14,-20 7,-4 18,-4 24,-3 6,1 -1,10 7,10 9,-1 29,-12 35,-14 6,-3 17,14 26,25 10,10 18,14 20,14 2,-1 6,-7 11,-3 5,3 7,16 13,20 6,3 11,2 18,-1 6,-3 17,-14 21,-16 3,-3 21,-11 25,-12 4,-1 11,-2 13,-3 2,-1 11,-5 13,-6 3,-1 -3,14 1,17 5,3 28,13 27,17 0,4 0,17 -3,23 -3,5 -6,5 -12,4 -7,-1 -16,-14 -24,-12 -7,3 -5,12 -7,22 -2,10 -6,28 -5,39 1,10 8,12 11,23 3,10 0,30 7,39 6,9 15,5 24,7 8,2 17,5 26,7"/>
<path class="fil0 str6" d="M113 1084c2,9 14,23 4,29 -10,5 -28,-14 -39,-9 -11,5 -8,21 -12,31"/>
<path class="fil0 str6" d="M113 1157c4,6 16,5 13,18 -4,13 -27,27 -32,38 -5,11 2,20 5,23 2,3 8,0 9,6 2,6 3,14 -1,27 -3,13 -24,32 -22,50 3,18 22,32 34,42 13,9 24,9 39,14 14,4 34,11 48,12 14,1 26,-3 32,-7 6,-4 -5,-5 -3,-12 2,-7 12,-14 15,-26 2,-12 6,-32 0,-43 -7,-12 -27,-13 -33,-16 -5,-2 -3,-56 -3,-59 0,-4 15,-27 21,-33 5,-5 24,-28 34,-34 9,-6 10,3 20,2 9,-1 24,-9 35,-7 11,1 14,10 28,14 14,3 38,-5 53,8 15,14 11,37 18,49 6,12 10,21 28,18 18,-3 46,-23 68,-23 21,0 23,24 38,28 16,4 48,-4 57,-5 9,0 24,-27 28,-27 4,0 21,-7 32,-12 12,-6 24,-13 31,-29 7,-16 50,-23 64,-28 15,-5 13,5 23,-6 11,-12 9,-21 16,-23 6,-2 12,6 19,9"/>
<path class="fil0 str6" d="M687 709c-1,7 -16,35 -16,35 0,0 -2,36 -3,54 -1,17 12,7 8,14 -4,6 -12,33 -26,43 -15,10 5,17 3,17 -1,1 13,12 16,18 4,5 24,28 37,35 12,7 56,35 74,43 18,7 20,-7 32,1 12,7 24,11 31,41 6,31 -27,18 -32,37 -2,7 5,6 4,32 -1,13 3,25 5,34 5,15 13,18 19,24 6,5 7,7 16,7 9,-1 22,-13 36,-10 15,3 17,24 31,25 14,0 26,-17 37,-22 11,-6 34,-9 40,-11 6,-2 30,19 50,-3 21,-23 52,-8 51,-13 0,-5 -3,-23 4,-30 8,-7 23,5 30,4 8,-1 10,-7 14,-8 4,-2 4,3 7,0 3,-4 3,-14 10,-19 8,-4 20,-10 30,-4 10,5 26,17 27,28 2,11 25,4 47,15 23,12 13,23 25,27 11,4 22,-14 37,-7 16,7 27,35 41,41 14,7 24,-17 34,-5 10,11 -10,38 15,57 25,20 46,1 58,9 11,9 2,39 9,49 7,9 21,-5 30,4 8,9 5,27 17,35 13,7 35,1 48,5 14,5 22,24 33,23 12,-1 10,-33 24,-27 13,6 11,33 18,47 7,14 17,23 23,34"/>
<path class="fil0 str6" d="M794 397c8,8 13,25 23,29 11,4 24,-5 36,-2 11,3 19,12 29,18 11,6 35,3 36,17 2,13 -25,24 -22,41 4,17 24,24 34,39 10,14 3,22 11,35 7,12 5,19 1,37 -4,17 18,9 23,21 5,12 3,31 0,45 -3,13 -10,20 -17,28"/>
<path class="fil0 str6" d="M-446 1235c3,6 -7,19 3,25 10,7 33,2 42,13 8,10 -6,21 -7,29 -1,8 6,12 9,19 4,7 7,23 10,32 4,8 14,8 13,16 -1,8 -11,8 -18,11 -7,2 -14,-1 -19,4 -5,4 5,11 1,19 -3,9 -13,19 -22,24 -9,5 -2,11 -9,13 -7,2 -18,-2 -29,0 -11,3 -23,7 -29,17 -5,9 6,16 4,25 -1,9 -14,13 -22,16 -9,4 -14,-1 -22,1 -8,2 -1,13 -20,14 -20,2 -31,-16 -45,-15 -14,0 -22,15 -31,18 -9,3 -15,1 -22,0 -8,0 -15,-6 -24,-3 -10,3 -15,13 -24,14 -9,1 -7,-7 -14,-7 -8,1 -9,7 -13,13 -4,6 -8,10 -5,16 2,6 17,20 8,32 -9,13 -6,20 -8,35 -1,15 6,20 4,32 -1,12 13,18 17,39 3,20 3,4 8,26"/>
<path class="fil0 str6" d="M-641 1712c11,-7 17,-15 26,-19 9,-5 22,-3 26,-8 5,-5 -5,-11 3,-17 7,-7 27,-15 38,-17 11,-1 12,4 22,4 11,0 17,-9 40,-5 23,5 15,21 22,24 7,4 18,-3 30,2 13,5 23,15 38,28 15,13 16,33 25,43 10,9 22,0 27,3 6,2 6,2 4,10 -3,7 -18,20 -18,33 1,14 10,31 18,40 7,10 18,12 25,16 8,5 15,4 21,15 6,12 5,35 12,48 7,14 25,9 28,23 3,13 16,10 22,16 6,6 14,5 15,12 1,8 -2,23 -10,24 -19,2 -42,-8 -61,19 -6,8 -19,-6 -32,-4 -14,2 -37,6 -46,14 -9,8 2,18 -1,26 -3,7 -14,7 -18,15 -3,8 0,18 0,28"/>
<path class="fil0 str6" d="M-399 1699c4,-7 5,-16 12,-20 7,-5 16,-8 26,-4 10,5 4,22 25,29 21,7 22,-5 33,-3 11,3 18,15 30,18 12,3 27,-6 38,0 12,7 0,24 16,33 17,8 19,-3 29,1 10,3 12,17 25,19 13,1 20,-11 46,-11 26,-1 50,-11 62,-16 13,-4 9,-4 10,-9 1,-6 -7,-17 0,-24 6,-7 24,-9 32,-9 8,0 5,7 11,6 7,0 14,-9 24,-6 10,3 9,19 28,22 19,3 17,-10 31,-8 14,1 41,12 52,17 12,5 6,10 16,11 9,0 27,-8 36,-6 10,2 7,13 13,15 7,3 17,-8 23,0 6,7 -2,24 3,32 6,9 14,6 21,8 6,2 15,-4 21,7 6,11 7,35 14,47 8,12 10,17 27,19 16,2 26,-14 44,-19 18,-5 30,-24 40,-29 10,-6 15,2 19,-5 5,-7 -2,-24 18,-30 20,-5 22,-24 37,-29 14,-4 8,-18 15,-23 8,-4 11,5 19,4 8,-2 15,-17 25,-12 11,6 7,30 22,37 14,7 42,0 56,1 14,2 22,2 28,9 7,7 -1,22 7,27 8,6 18,2 28,-4 9,-5 16,-22 24,-27 8,-4 15,9 25,10 11,2 30,-3 40,-1 10,2 13,10 18,4 5,-7 12,-15 37,-10 24,4 33,-10 49,-14 15,-5 31,-19 44,-13 13,6 26,29 39,38 12,9 21,0 34,14 13,14 35,48 41,69 3,10 -8,18 -9,27 -1,9 8,19 6,27 -4,17 -29,23 -21,45 6,16 23,-6 28,33 2,10 8,18 8,30 0,11 -10,20 -7,30 2,10 14,15 21,23"/>
<path class="fil0 str6" d="M153 1376c-1,10 -1,21 -3,28 -2,7 -8,8 -7,17 1,8 3,11 12,29 9,18 9,70 14,79 4,10 15,12 24,16 10,4 18,16 31,10 12,-6 8,-8 18,-12 11,-4 8,7 16,5 8,-3 20,-16 28,-19 7,-2 10,0 12,4 3,4 -4,7 0,14 3,7 20,18 23,26 3,8 -8,8 -9,13 0,5 2,12 13,18 12,6 8,18 19,26 10,8 23,6 33,14 9,9 19,18 20,26 2,8 -2,13 -8,12 -7,-1 -17,-11 -28,-8 -11,3 -22,13 -26,25 -3,11 9,23 9,33 -1,10 -9,11 -13,20 -4,10 0,22 -10,37 -11,15 -33,32 -49,48"/>
<path class="fil0 str6" d="M-1853 1519c0,6 20,8 2,17 -19,9 4,16 0,31 -5,15 -9,18 -10,22 -2,3 12,21 9,35 -3,15 -53,36 -52,58 2,22 12,10 11,25 0,2 -10,11 -14,20 -2,7 20,18 11,30 -9,13 -9,31 -13,35 -4,5 -19,18 -22,28 -3,10 5,14 11,24 6,9 12,20 20,30"/>
<path class="fil0 str6" d="M1611 1906c0,-13 -5,-30 2,-45 8,-16 11,-46 30,-47 19,0 16,-26 22,-36 6,-10 18,-5 21,-20 2,-15 -14,-23 -23,-35 -8,-12 -17,-16 -18,-32 0,-15 15,-40 15,-61 -1,-21 -16,-48 -21,-63 -4,-15 -2,-19 -5,-26 -4,-7 -6,-9 -9,-18 -3,-9 -4,-20 -8,-34 -4,-14 -11,-28 -13,-38 -3,-11 -8,-19 -4,-23 5,-4 13,-1 19,-6 5,-4 5,-18 13,-20 7,-3 10,5 17,2 7,-3 14,-8 23,-13 9,-5 25,2 37,-4 11,-6 17,-16 28,-23 11,-7 22,-11 30,-34 8,-23 14,-16 14,-27 -1,-12 -17,-12 -19,-22 -3,-9 -4,-12 1,-26 6,-14 27,-40 30,-57 3,-17 -7,-26 -15,-35 -8,-10 -24,-2 -29,-17 -6,-15 4,-48 0,-63 -4,-15 -19,-15 -23,-22 -3,-8 -2,-17 6,-17 8,0 15,18 26,17 11,-2 20,-15 26,-23 5,-8 7,-17 5,-24 -1,-6 -11,-8 -8,-17 2,-9 12,-16 20,-25 7,-10 11,-18 22,-25 11,-6 28,-19 42,-16 15,3 11,21 18,28 8,7 18,15 27,11 8,-4 20,-19 24,-28 4,-9 0,-15 8,-24 8,-9 22,-14 30,-26 8,-11 -7,-23 1,-32 8,-8 20,5 37,-5 16,-10 21,-4 32,-13 11,-9 18,-38 40,-36 21,2 3,19 23,19 20,1 22,16 32,15 10,-1 15,-21 15,-33 0,-11 -24,-6 -25,-17 -1,-11 5,-24 15,-24 9,0 5,21 13,24 8,2 12,-8 18,-15 7,-7 13,-17 19,-26"/>
<path class="fil0 str6" d="M1892 751c0,-4 4,-6 0,-11 -3,-6 -17,-18 -20,-21 -4,-4 2,-47 1,-51 -1,-4 -20,-20 -21,-23 0,-2 1,-12 -3,-17 -3,-4 -8,-4 -13,-2 -6,2 -10,16 -18,14 -7,-2 -9,1 -14,-12 -5,-12 -2,-30 -18,-29 -16,1 -17,26 -20,30 -3,4 -12,9 -21,11 -9,2 -20,5 -24,7 -4,1 -7,12 -7,16 0,3 -11,12 -15,9 -4,-2 -16,-9 -21,-12 -4,-3 -14,24 -14,27 0,4 11,14 10,29 -1,15 -14,14 -10,24 5,11 21,11 23,20 3,9 -13,14 -12,20 2,6 12,-4 19,-6 7,-2 16,-3 26,-4 9,0 8,7 15,6 7,-1 23,-9 26,-11 2,-1 24,12 47,9 23,-4 12,-16 15,-17 3,-1 6,0 11,-3 5,-4 7,-13 13,-16 6,-3 14,-1 20,-1"/>
</g>
-------------------------------------------------------------------------------


-----------------------rivers1.svg-------------------------------------------

<g>
<path class="fil0 str1" d="M233 459l10 11 5 14 13 12 5 7 33 24 19 11 0 -14 0 -7 9 3 8 -1 7 -4 5 5 6 14 3 14 7 5 7 -3 4 -5 12 -4 8 5 9 12 7 18 2 7 1 3 -3 14 -2 7 2 7 16 9 14 5 13 3 11 6 7 -6 3 0 4 -5 5 -3 10 -5 11 0 7 8 7 9 10 5 14 -2 2 0 7 4 12 -4 9 -8 8 -4 5 4 -3 1 19 37 7 3"/>
<path class="fil0 str1" d="M697 703l1 0 4 -6 2 0 7 2 22 4"/>
<path class="fil0 str1" d="M608 671l2 -1 12 3 9 7 5 12 26 7 7 0 28 4"/>
<path class="fil0 str1" d="M1449 555l16 -2 12 -1 10 5 4 10 10 12 17 7 23 2 14 -2 17 2 12 2 18 -2 12 2 23 -2 20 -3 14 -6 11 -3 12 0 3 0 9 -4 2 0 15 -7 11 6 14 10 8 17 2 6 4 8 1 4 6 12 3 9 14 20 12 18 21 22 30 25 20 15 14 11 4 2 3 1 23 6 28 1 20 5 13 2 10 -2 16 -6 15 3 18 3 24 -3 5 -2 21 -10 7 -7 5 -5 12 -2 9 -5 7 -14 10 0 14 3"/>
<path class="fil0 str1" d="M733 703l7 5 11 21 12 5 7 14 20 15 14 4 7 -5 4 -9 7 -3 26 -4 22 -7 16 -3 9 -19 0 -14 15 -4 14 0 21 4 7 10 9 12 7 5 3 2 18 0 19 -3 17 7 9 8 5 6 7 0 3 -6 -1 -14 -2 -6 10 -7 16 -6 23 0 1 0 18 -5 20 -5 20 -4 17 -6 17 -13 11 -12 5 -5 7 -9 9 -15 1 -13 0 -8 -1 -18 0 -13 5 -9 15 -9 11 -14 7 -14 7 -3 8 0 6 10 5 6 3 3 7 0 7 -5 4 -2 1 -2 13 -7 12 -1 5 0 5 0 11 0 8 10 9 7 10 -3 4 0 7 -4 10 5 2 0 12 9 12 -2 2 0 9 -3 10 -2 2 0"/>
<path class="fil0 str1" d="M233 459l-4 2 -17 -7 -12 -12 -12 -10 -16 -11 -16 -3 -17 -2 -12 -12 -16 -4"/>
<path class="fil0 str1" d="M2179 739l-6 -3 -15 -7 -11 -11"/>

<path class="fil0 str2" d="M311 838l19 -5 9 3 7 0 8 -8 13 -9 7 -3 6 -7 6 -14 8 -9 19 -9 20 -7 5 -3 5 -5 3 -2 4 0 2 0 10 -2 16 -8 14 -6 7 -3 8 -7 25 -9 10 -5 14 -9 9 -8 1 -2 13 -4 6 -8 13 -9 5 -5 5 -4"/>
<path class="fil0 str2" d="M-191 1040l17 17 2 4 3 5 2 12 2 7 10 3 6 14 5 16 -2 5 -2 5 6 14 0 4 0 12 -7 19 1 3"/>
<path class="fil0 str2" d="M-2173 1304l-4 19 -5 17"/>
<path class="fil0 str2" d="M-884 1425l8 -12 14 -8 7 -13 2 0 7 -3 7 2 5 -4 4 -15 3 -6 10 -1 6 -6 10 -8 14 0 19 -4 14 -3 10 -9 2 -9 7 -3 11 -9 10 -8 3 -13 18 -10 7 -11 8 -10 7 -3 6 -6"/>
<path class="fil0 str2" d="M-2182 1340l0 2 -9 12 0 16 2 10 -4 14 -8 12 -7 19"/>
<path class="fil0 str2" d="M-1136 1533l10 4 7 0 12 1 23 -5 12 -3 12 -4 14 -2 12 -5 19 -7 11 -1 2 0 7 -7 19 -13 10 -10 5 -9 9 -3 12 -11 9 -8 10 -4 9 -5 16 -10 5 -2 7 -4"/>
<path class="fil0 str2" d="M-1478 1557l6 -5 7 -7 9 -3 5 -2 21 -10 16 -2 19 -9 19 -7 16 -3 5 0 26 -4 14 0 9 7 8 9 12 3 11 6 7 0 10 -2 11 7 3 5 9 4 12 -4 16 4 12 5 8 3 4 2 10 -4 12 -3 13 -10 12 -4"/>
<path class="fil0 str2" d="M-2246 1479l5 9 3 10 2 16 7 10 10 11 16 3 9 4 5 7 3 3 7 9 9 3 11 4 3 2 7 8 12 9 11 2 8 3 9 11 12 12 14 8"/>
<path class="fil0 str2" d="M-1652 1632l2 0 8 -9 14 -7 12 -8 11 -7 7 -4 1 -7 11 -5 3 -2 12 -5 9 -7 9 -1 17 0 16 7 0 1 12 2 12 -5 4 -7 5 -4 2 -1 7 -6"/>
<path class="fil0 str2" d="M-1652 1632l3 11 2 8 7 5 26 4 16 5 7 7 1 9 0 2 -5 10 -2 14 -8 9 -5 12 -13 12 -8 9 -4 10 -7 7 -14 10 -17 16"/>
<path class="fil0 str2" d="M719 2138l7 -7 2 -2 7 -9 14 -5 5 -3 5 -9 9 -2 9 2 10 -5 9 -5 10 0 0 8 2 11 9 0 13 -4 14 -3 16 -4 14 4 16 -2 8 -9 7 -5 7 2 7 -5 5 -9 5 0 2 3 5 6 4 5 7 2 14 -7 8 5 4 5 2 2 5 7"/>
<path class="fil0 str2" d="M339 2138l0 1 8 2 9 -3 4 -7 5 -2 5 9 4 7 10 5 9 -2 1 0 6 5 7 2 10 -5 9 0 0 7 -4 10 5 2 7 -4 7 6 4 7 1 5 13 2 1 8 2 5 2 4 15 -2 7 2 14 3 13 -1 17 -12 14 -4 26 2 10 -5 12 1 11 7 28 -5 17 -7 19 0 12 -3 7 -6 2 0 3 0 7 2 6 -5 5 -14 5 -10 5 -7"/>
<path class="fil0 str2" d="M1810 178l-1 2 -4 15 -7 16 -10 12 -11 14 -15 2 -14 -7 -2 2 -2 0"/>
<path class="fil0 str2" d="M2147 718l-1 -1 -7 -16 -4 -17 -7 -14 -5 -16 0 -19 -9 -9 -15 -8 -9 -14 0 -18 -9 -14 -15 -8 -12 -12 -4 -16 10 -16 0 -15 0 -18 0 -17 9 -14 11 -14 5 -16 12 -12 10 -14 2 -15 -7 -18 -2 -15 2 -18 -9 -14 -3 -17 -2 -16 0 -17 -5 -16 -7 -15"/>
<path class="fil0 str2" d="M111 400l-2 0 -8 11 -14 10 -18 5 4 14 3 18 0 17 -7 16 -6 15 1 16 4 17 -7 16 -5 17 -7 16 -14 9 -12 12 -11 14 -12 10 -14 11 -16 8 -15 5 -18 -1 -17 -2 -16 7 -15 7 -18 0 -17 5 -14 9 -15 7 -11 12 -10 14 -14 12 -16 5 -17 2 -18 2 -10 12 -7 15 -14 13 -12 10 -9 14 -17 3 -5 18 1 15 9 16 12 12 12 11 14 12 11 12 5 16 3 17 7 16 18 1 10 14 12 12 6 16 8 16 7 15 9 14 0 4"/>
<path class="fil0 str2" d="M-686 1173l5 16 9 14 7 16 5 17 -4 14 0 2 -1 0 0 1"/>
<path class="fil0 str2" d="M-2208 1425l-4 4 -7 17 -8 14 -12 12 -7 7"/>
<path class="fil0 str2" d="M1402 2032l2 -7 15 0 16 7 17 -2 18 0 14 -9 15 -8 16 -6 17 0 16 6 16 7 13 12 16 5 16 3 12 13 14 10 0 -2"/>

<path class="fil0 str3" d="M1744 234l-7 7 -10 5 -14 0 -14 -2 -14 0 -10 2 -12 7 -11 3 -10 0 -11 -2 -10 2 -11 4 -8 -4 -11 0 -10 2 -17 7 -30 5 -12 2 -14 0 -9 -2 -14 -2 -8 -1 -12 -6 -7 -1 -11 -2 -10 2 -11 1 -10 4 -5 3 -9 -1"/>
<path class="fil0 str3" d="M1449 555l-11 -7 -12 -5 -8 -7 -4 -4 -3 0 -6 0 -8 -1 -5 -7 1 -7 2 -12 5 -13 -3 -8 -9 -9 -5 -14 -2 -7 0 -17 -3 -7 -4 -7 0 -7 -3 -5 0 -7 -7 -7 -2 -2 -9 -5 0 -7 2 -14 -2 -16 -7 -13 -7 -4 -6 2 -7 2 -7 -4 -7 2 -9 2 -7 1 -10 -5 -16 9 -9 10 -10 9 -7 5 -9 0 -8 2 -7 3 -7 0 -7 -1 -11 -2 -7 3 -8 0 -6 -3 -10 0 -9 3 -10 -5 -16 -14 -10 -3 -11 0 -13 1 -11 6 -16 7 -17 0 -23 -2 -12 -7 -10 -10 -9 -2 -8 0 -7 2 -7 1 -2 4 -2 7 -5 5 -5 2 -9 3 -2 4"/>
<path class="fil0 str3" d="M733 703l2 -12 7 -7 -4 -6 -1 -7 5 -14 0 -10 -4 -5 -1 -4 -6 -10 2 -26 7 -21 9 -21 12 0 9 -5 0 -16 12 -5 14 -7 14 -2 8 -6 2 -13 -2 -17 -3 -12 -4 -2"/>
<path class="fil0 str3" d="M653 861l4 -9 8 -7 2 -10 5 -16 7 -5 0 -11 -3 -8 -2 -11 4 -17 0 -12 0 -19 1 -16 7 -12 11 -5"/>
<path class="fil0 str3" d="M653 862l0 -1"/>
<path class="fil0 str3" d="M311 838l-10 2 -14 10 -25 30 -10 12 -5 10 -14 11 -12 2 -13 -4 -1 -2"/>
<path class="fil0 str3" d="M207 909l-11 7 -7 2 -5 -2 -7 0 -2 11 0 8 -3 6 -3 7 -7 3 -9 5"/>
<path class="fil0 str3" d="M153 956l-2 2"/>
<path class="fil0 str3" d="M311 838l-9 18 -5 17 -10 17 -9 11 -4 10 2 16 4 15 0 23 -2 17"/>
<path class="fil0 str3" d="M175 1160l-8 -2 -14 0 -12 0 -12 -2 -20 0 -15 0"/>
<path class="fil0 str3" d="M262 1074l-10 16 -12 14 -16 23 -19 15 -17 12 -13 6"/>
<path class="fil0 str3" d="M175 1160l-1 12 1 12 -1 9 -4 7 -3 6 -4 9 2 12 7 7 2 12 3 9"/>
<path class="fil0 str3" d="M177 1255l2 0"/>
<path class="fil0 str3" d="M64 1451l4 0 10 0 21 -1 31 -9 23 0 21 3 21 0 15 -1 16 -7 14 -4 14 -5 15 -2 18 -3 15 -2 11 0 15 -2 14 -3 25 -12 12 -9 14 -9 12 -8 3 -11 11 -5 10 -7 7 -7 12 -5 11 -5 10 -9 12 -10 9 -7 9 -2 12 0 12 -9 12 -1 23 0 14 -4 12 -3 12 -6 2 -1 17 -9 12 -5 12 3 12 2 11 -2 12 0 16 -2 10 -6 11 -4 8 2 12 7 14 3 14 0 9 -8 16 -2 10 5 12 -5 11 -4 6 0 2 0 9 -7 7 -12 5 -10 0 -2 -2 -21 -10 -14 -9 -7 -5 -3 -7 -7 -5 -4 -4 -5 -1 -7 -2 -3 -2 -4 -7 0 -7 2 -3 0 -4 -5 0 -5 2 -6 2 -3 0 -5 -2 -5 -2 -6 0 -3 2 -7 2 -7 3 -7 -1 -5 -4 -11 0 -10 0 -9 0 -10 -3 -11 -4 -8 -3 -4 -6 -3 -7 -5 -3 -7 -5 -6 -9 0 -14 -5 -8 -2 -9 -5 -11 -1 -8 -2 -9 2 -9 0 -7 -4 -5 -3 0 -7 -3 -7 -7 -4 -11 -3 -7 0 -7 0 -7 0 -8 -2 0 -2 -2 -3 0 -9 2 -10 -2 -9 0 -10 5 -9 4 2 8 0 7 -4 6 -7 1 -5 -1 -9 5 -3 0 -2 2 -10 1 -4 2 -3 5 -6"/>
<path class="fil0 str3" d="M-686 1601l0 -2 3 -14 11 -10 15 -5 19 -4 26 -3 20 -9 22 -9 26 -3 31 0 32 -2 43 4 37 0 33 3 15 2 12 -7 13 -2 7 4 10 0 12 -2 11 0 10 3 10 2 16 -3 9 -2 10 0 19 -2 11 -3 10 -9 11 -7 8 2 9 7 7 0 2 0 8 -6 7 -1 7 1 11 -1 17 -11 14 0 5 -3 9 -11 2 -8 3 -14 5 -11 2 -12 7 -5 0 -21 -4 -7 -5 -7 2 -12 -3 -7 -4 -10 -5 -18 -7 -5 -4 -10 -3 -11 -5 -8 -4 -7 4 -9 0 -10 0 -2 3 -11 9 -5 -2 -7 -10 -3 0 -11 -6 -7 -8 -14 -5 -13 -6 -20 -7 -8 -3 -4 0 -8 -2 -6 -12 0 -2 -7"/>
<path class="fil0 str3" d="M-2083 1623l2 0"/>
<path class="fil0 str3" d="M-2083 1623l12 -3 26 3 31 4 23 10 28 -1 24 0 16 0"/>
<path class="fil0 str3" d="M-1136 1533l-7 9 2 8 -6 13 -5 3 -3 12 1 7 6 9 8 16 9 12 10 17 4 12 2 18 3 20 5 14 4 13 0 3"/>
<path class="fil0 str3" d="M-884 1425l1 9 2 5 7 9 4 7 1 10 0 19 2 16 5 19 7 16 7 14 0 10 -2 11 -12 12 -8 15 -2 19 -5 16 -9 11 -10 12 -7 14 -4 14 -9 10 -12 9 -8 5 -6 10 -7 12 -10 4 -2 2"/>
<path class="fil0 str3" d="M-2083 1623l7 7 0 11 5 12 14 17 17 13 16 15 5 16 7 10 11 5 8 9 11 12 7 12 10 9 7 7 4 9 -2 7 -2 3"/>
<path class="fil0 str3" d="M-1911 1802l21 -22 8 -5 14 -4 32 -21 19 -10 14 -14 12 -12 14 -9 17 -7 21 -7 19 -5 14 -9 9 -8 3 -7 2 -9 7 -10 12 -4 14 -3 7 -4"/>
<path class="fil0 str3" d="M-1478 1557l0 2 3 7 5 5 5 11 6 7 10 0 5 8 5 13 -1 19 1 17 4 3 3 11 9 12 4 16 3 17 4 16 5 12 2 14 3 15 3 21 0 25 -1 17 -12 23 -14 15 -13 16 -10 3"/>
<path class="fil0 str3" d="M1402 2032l-9 -2 -7 -5 -1 -9 -9 -7 -10 -2 -7 -3 -4 -9 0 -2 -2 -10 7 -16 2 -15 -3 -14 -9 -12 -7 -9 -4 -9 -10 -12 -2 -10 -5 -12 -5 -7 -12 -7 -4 -4 -1 -3 3 -7 5 -12 -2 -14 -6 -16 -9 -14 -7 -12 -7 -17 -5 -14 -4 -16 -5 -26 -7 -16 -7 -10 -10 0 -7 -5 -7 -5 -11 0 -8 -7 -11 -13 -3 -15 3 -11 9 -7 0 -10 -4 -10 -1 -16 -7 -9 -4 -8 0 -11 7 -12 -1 -3 -7 -6 -2 -7 7 -5 17 -2 12 -3 4 -7 -2 -9 -10 -8 -7 -11 -4 -12 -3 -9 -7 -1 -2 -2 -5 -5 -4 -11 -1 -1 -9 -9 -7 -9 -12 2 -14 0 -9 -7 -12 -2 -10 9 -2 2 -16 7 -19 10 -12 2 -5 7 2 12 -4 7 -10 2 -9 3 -5 9 -9 8 -12 2 -12 4 -16 7 -3 12 -6 8 0 4 -8 5 -7 7 0 10 -7 6 -14 3 -7 5 -9 7 -8 0 -4 6 4 10 0 10 -7 11 -16 8 -14 4 -3 2 -13 5 -8 9 -9 0 -5 -7 -7 -4 -10 2 -7 5 -9 0 -12 -3 -14 1 -14 -7 -5 -10 -11 -7 -10 -5 -12 3 -11 2 -8 -5 -18 -2 -17 11 -7 8 -7 21 0 2 -10 14 -16 10 -16 5 -10 -5 -12 4 -18 -2 -12 0 -14 9 -10 7 -4 10 -14 2 -15 -2 -16 0 -15 5 -13 -2 -12 -3 -15 -2 -11 2 -14 5 -7 5 -8 2 -11 0 -12 5 -7 6 -7 5 -9 3 -8 2 -12 -2 -19 -3 -9 -5 0 -16 -4 -12 -10 -11 -11 0 -13 2 -11 9 -10 12 -4 0"/>
<path class="fil0 str3" d="M339 2138l-2 -6 -9 2 -12 0 -10 -12 -9 -14 -7 -3 -5 -2 -19 -5 -25 -16 -13 -7 -6 -9 -10 -8 -12 -12 -14 -9 -7 -12 -10 -2 -11 -2 -2 0 -8 -7 -6 -7 -3 -3 -9 -7 -15 -4 -9 -8 -7 -4 -10 -3 -4 -9 -3 -10 -11 -5 -17 -2 -18 -2 -13 -7 -11 0 0 4 5 8 4 7 0 16 -7 15 -11 13 -19 5 -15 0 -11 3 -10 2 -12 0 -21 9 -11 -2 -13 3 -11 -3 -9 -2 -3 5 -9 4 -10 -2 -21 -2 -16 -3 -12 0 -5 -5 -7 -2 -10 0 -7 -5 -6 -7 -6 -2 -9 -5 -7 -5 -5 -5 -14 -14 -16 -11 -12 -12 -10 -2 -9 -3 -2 0 -7 -5 -14 -4 -8 -2 -9 -10 -12 -2 -5 -7 -4 -5 -9 -12 -14 -17 -5 -4 -10 -7 -5 -9 -13 -6 -27 -2 -26 3 -32 0 -21 2 -27 3 -32 -1 -24 0 -10 -2"/>
<path class="fil0 str3" d="M719 2138l-7 -2 -7 -2 -8 4 -7 0 -12 -2 -13 -2 -7 -7 -5 -10 0 -2 5 -10 7 -7 4 -9 -4 -7 0 -9 11 -5 19 -2 10 -3 2 0 7 -14 7 -10 3 -13 2 -8 0 -2 4 -14 0 -19 5 -14 5 -9 -2 -10 -5 -10 -3 -19 5 -25 5 -19 -2 -22 -7 -25 -3 -14 0 -5"/>
<path class="fil0 str3" d="M339 2138l-12 7 -11 15 0 9 -7 3 -15 2 -9 2 -2 0 -10 5 -11 0 -15 -7 -9 -3 -12 0 -16 3 -15 -2 -20 -7 -5 -6 -8 -2 -11 5 -7 0 -3 -2 -5 -5 -16 -7 -12 -7 -12 -7 -18 7 -10 0 -18 -2 -19 -3 -24 -5 -17 0 -14 -4 -19 -7 -13 0 -15 -3 -5 -4 -27 -1 -12 -2 -17 -5 -14 -6 -16 -5 -12 -8 -17 -6 -19 -3 -21 -2 -40 -7 -33 -7 -21 -5 -17 -5 -7 0"/>

<path class="fil0 str4" d="M1402 267l-16 -14 -12 -12 -8 -11 -7 -3 -11 1"/>
<path class="fil0 str4" d="M950 373l-3 7 2 6 3 6 2 8 -4 4 -8 5 -7 -2 -7 -5 -9 -7 -5 -2 -7 2 -4 4 -8 7"/>
<path class="fil0 str4" d="M811 475l-5 -7 -7 -12 4 -10 8 -7 4 -13"/>
<path class="fil0 str4" d="M207 909l-9 -7 -7 -5 -10 0 -9 5 -9 -1 -12 -5 -10 -7 -18 -4 -15 5 -28 12 -11 7 -17 9 -10 7 -2 2"/>
<path class="fil0 str4" d="M40 927l-7 7 -3 12 -4 19 0 19 2 12 5 14"/>
<path class="fil0 str4" d="M47 1552l-4 -12 -5 -16 -3 -20 1 -16 2 -23 9 -10 10 -2 7 -2"/>
<path class="fil0 str4" d="M-1923 1636l19 -2 10 -2"/>
<path class="fil0 str4" d="M-672 1696l-4 -13 -3 -13 1 -12 -3 -21 -7 -17 2 -19"/>
<path class="fil0 str4" d="M236 1700l-8 5 -14 2 -28 -2 -26 9 -14 0 -10 0 -7 -4 -11 -3"/>
<path class="fil0 str4" d="M-1103 1719l2 9 0 10 3 9"/>
<path class="fil0 str4" d="M-961 1735l-12 10 -9 14"/>
<path class="fil0 str4" d="M728 1811l0 -10 -4 -13 -8 -10 -7 -21 -2 -12 2 -7"/>
<path class="fil0 str4" d="M-1673 1792l-2 2 -8 8 -4 6 -12 10"/>
<path class="fil0 str4" d="M-1958 1797l-2 5 0 11 7 8 7 2 5 4 2 3"/>
<path class="fil0 str4" d="M-1925 1837l0 -10 2 -11 12 -12 0 -2"/>
<path class="fil0 str4" d="M-639 1858l-7 -3 -18 -18 -10 -16 -14 -10"/>
<path class="fil0 str4" d="M-1449 1882l-7 2 -14 10 -12 13"/>
<path class="fil0 str4" d="M-349 2051l-7 -2 -14 -2 -12 2 -12 0 -14 0 -18 -3 -20 -6"/>
</g>

------------------------------------------------------------------------

Anonymous
06-22-2004, 01:54 AM
I think that your problem come from coordinates.
As you use viewBox, clientX and clientY give coordinates in window and not in main svg.
You have to compute to find svg coordinates.

In ASV6 or Batik you can use getScreenCTM to get matrix for transformation from svg to window.

In ASV3 you have to use dimensions of your window and it's only possible in IE ...

If there is your problem, see
http://pilat.free.fr/english/routines/coordo.htm

Michel

 
Web mp2kmag.com
mapforums.com

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum