Hi all, This is the problem that I face.
I am using SVG for mapping applications where I have all the maps referenced to big coordinates. There seem to be some rendering issue when I define my SVG viewbox with big coorrdinates. This is what I mean: I have the following SVG file where I have 8 line elements which are equally spaced for ex: <svg id ="ttt" x="0" y="0" width="1020" height="677" viewBox="711316.0000 4324160.8000 10 10"> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="711316.0000 4324160.8000 711326.0000 4324160.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="711316.0000 4324161.8000 711326.0000 4324161.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="711316.0000 4324162.8000 711326.0000 4324162.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="711316.0000 4324163.8000 711326.0000 4324163.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="711316.0000 4324164.8000 711326.0000 4324164.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="711316.0000 4324165.8000 711326.0000 4324165.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="711316.0000 4324166.8000 711326.0000 4324166.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="711316.0000 4324167.8000 711326.0000 4324167.8000"/> </svg> But when what I see on the screen is completely different. I see that all the lines are unequally spaced. which is wrong. But if I make my viewbox coordinates small( i mean the "x" and "y" attribute of viewbox), then I see the same line elements equally spaced on the screen. For ex: <svg id ="ttt" x="0" y="0" width="1020" height="677" viewBox="316.0000 160.8000 10 10"> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="316.0000 160.8000 326.0000 160.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="316.0000 161.8000 326.0000 161.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="316.0000 162.8000 326.0000 162.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="316.0000 163.8000 326.0000 163.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="316.0000 164.8000 326.0000 164.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="316.0000 165.8000 326.0000 165.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="316.0000 166.8000 326.0000 166.8000"/> <polyline fill="none" style="stroke-width:.05;stroke:rgb(0,0,255);" points="316.0000 167.8000 326.0000 167.8000"/> </svg> Why does this happen. 'am I missing something. Please help with any input. Thanks, Nathan ------------------------ Yahoo! Groups Sponsor --------------------~--> Get fast access to your favorite Yahoo! Groups. Make Yahoo! your home page http://us.click.yahoo.com/dpRU5A/wUILAA/yQLSAA/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/
