Hello, I am developing a prototype for an application where I have a canvas onto which I draw symbols. The symbols are themselves SVG files generated in Adobe Illustrator. In order to be able to place and scale the symbols however I want on the canvas, I have placed the image tags in the defs section, like this:
<defs> <image id="action" width="1" height="1" xlink:href="symbols/Action.svg"/> <image id="application" width="1" height="1" xlink:href="symbols/Application.svg"/> ... </defs> When I place a symbol of size 75*50 on the canvas at position (100, 100), I do it like this: <use xlink:href="#action" id="myAction" x="0" y="0" transform="translate(100 100) scale(75 50)"/> This might seem like a strange way to do it, but I tried using x, y, width and height on the use element and those values were somehow overridden by the sizes specified in the external SVG files (Action.svg etc.). This works fine until I try to apply a filter on a placed symbol - then the symbol disappears altogether. I'm suspecting it has to do with the large values in the scale transform, that the scale somehow also affects the filter. My intention is of course to have the filter act on the symbol as it appears on the screen, I do not want the filter to be scaled independently (75 times wider in this case). I would very much appreciate help on this subject. Please, if you know a better (working) way to do this, let me know. Regards, Anders [Non-text portions of this message have been removed] ----- 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/
