hi all, Is there a bug with svg's which means that transforms are broken when the aspect ratio is changed in the viewbox? If I do the translation in the viewbox and then scale using document.documentElement.currentScale then these xlink objects keep there position.
My SVG is as follows; <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd";> <svg xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink"; xmlns:test="http://test.co.uk/test"; preserveAspectRatio="none" viewBox="0 0 32767 32767"> <desc>SVG version of /usr/users/archive/bin/../page/00/nv147_146.XDL</desc> <defs> <symbol id="sym104" preserveAspectRatio="none" viewBox="-3276.0 9922.0 32767 32767"> <g id="s1" fill="none"> <rect x="1.0" y="12919.0" width="13106.0" height="19844.0" fill="#000000" stroke="#000000" stroke-width="4.0" /> <polygon points="12780.0,12902.0 13107.0,12902.0 13107.0,13399.0 13107.0,12902.0 12780.0,12902.0 " fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2.7" /> <polygon points="0.0,32266.0 0.0,32761.0 13107.0,32761.0 13107.0,12903.0 13107.0,32761.0 0.0,32761.0 0.0,32266.0 " fill="#7F7F7F" stroke="#7F7F7F" stroke-width="2.7" /> <polygon points="13107.0,12903.0 0.0,12903.0 0.0,32761.0 0.0,12903.0 13107.0,12903.0 " fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2.7" /> <rect x="1.0" y="12909.0" width="13106.0" height="19852.0" fill="#BFBFBF" stroke="#BFBFBF" stroke-width="0.7" /> </g> </symbol> <symbol id="sym190" preserveAspectRatio="none" viewBox="-6553.0 24814.0 32767 32767"> <g id="s1" fill="none"> <rect x="-3932.0" y="26817.0" width="7864.0" height="11900.0" fill="#000000" stroke="#000000" stroke-width="4.0" /> <polygon points="3604.0,26814.0 3932.0,26814.0 3932.0,27309.0 3932.0,26814.0 3604.0,26814.0 " fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2.7" /> <polygon points="-3931.0,38218.0 -3931.0,38715.0 3932.0,38715.0 3932.0,26814.0 3932.0,38715.0 -3931.0,38715.0 -3931.0,38218.0 " fill="#7F7F7F" stroke="#7F7F7F" stroke-width="2.7" /> <polygon points="3932.0,26814.0 -3931.0,26814.0 -3931.0,38715.0 -3931.0,26814.0 3932.0,26814.0 " fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2.7" /> <rect x="-3932.0" y="26804.0" width="7864.0" height="11912.0" fill="#BFBFBF" stroke="#BFBFBF" stroke-width="0.7" /> <polygon points="-2293.0,29288.0 2294.0,29288.0 0.0,36233.0 -2293.0,29288.0 " fill="#FF0000" stroke="#FF0000" stroke-width="0.7" /> <line x1="2294.0" y1="29288.0" x2="0.0" y2="36233.0" stroke="#FFFFFF" stroke-width="0.7" /> <line x1="-2293.0" y1="29288.0" x2="2294.0" y2="29288.0" stroke="#000000" stroke-width="0.7" /> <line x1="-2293.0" y1="29288.0" x2="0.0" y2="36233.0" stroke="#000000" stroke-width="0.7" /> </g> </symbol> </defs> <g id="s50" fill="none"> <test:rect xmlns:test="http://www.w3.org/2000/svg"; fill="#4C4C4C" x="-1.0" y="-1.0" width="32769.0" height="32769.0" /> <text x="2175.0" y="9889.7" font-family="Arial" dx="0" font-size="14.0" font-style="italic" fill="#7F0000">A.............</text> <text x="16089.0" y="9549.8" font-family="Arial" font-size="13.2" fill="#FFFFFF">After box text ........</text> <text x="16466.0" y="27125.8" font-family="Arial" font-size="13.2" fill="#FFFFFF">After box text ........</text> <use xlink:href="#sym104" transform="translate(8837.0, 10571.0) scale(1, 1.50) scale(1, 0.65) scale(0.50, 0.20)" x="-3276.0" y="-22845.0" /> <text x="9109.0" y="9754.3" font-family="Arial" dx="0" font-size="10.0" fill="#7F0000">Castleforbes</text> <use xlink:href="#sym104" transform="translate(20747.0, 7204.0) scale(1, 1.50) scale(1, 0.65) scale(0.25, 0.05)" x="-3276.0" y="-22845.0" /> </g> <g id="s50" fill="none"> <a xlink:href="view.jsp?view=MANHOLE_1" target="_top"> <use xlink:href="#sym190" transform="translate(14593.0, 8939.0) scale(1, 1.50) scale(1, 0.65) scale(0.15, 0.15)" x="-6553.0" y="-7953.0" /> </a> <a xlink:href="view.jsp?view=MANHOLE_1" target="_top"> <use xlink:href="#sym190" transform="translate(23436.0, 6627.0) scale(1, 1.50) scale(1, 0.65) scale(0.09, 0.04)" x="-6553.0" y="-7953.0" /> </a> </g> <test:g xmlns:test="http://www.w3.org/2000/svg"; fill="none" /> </svg> Any help would be much appreciated. Cheers ------------------------------------ ----- 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/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] <*> 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/
