--- In [email protected], "zotterdas" <zotterdas@...> wrote: > > I'm working on an inline, browser-based SVG editor powered by jQuery, > and I'm having trouble getting various elements to dynamically resize > predictably and without dramatic shifting across the canvas. I believe > there is some aspect of the matrix recalculations that I'm not > accounting for. > The sandbox is accessible here: http://zane.quilldev.com/default.cfm . > The system automatically loads a sample SVG, which is resized to fit the > canvas area. Once it's loaded, you can select individual elements by > clicking on them. Once an element is selected, it can be resized via > handles along its border. My issue can be demonstrated by resizing the > (grouped) car object along the X-axis. It does resize, but also flickers > and shifts across the canvas. In contrast, doing the same with any of > the text doesn't produce flickering or shifting, though the same code is > operating on both.
The results of transformations on the text boxes are not always correct, although they may seem visually acceptable, up to a point. > The matrix calculations doing the resizing have gone through a variety > of formulations in attempts to alleviate the problem, but are currently > is quite simple, just taking the getCTM() of the element, setting a new > x-scale value, dividing all the matrix values by the parent SVG's scale, > then replacing the old matrix with the new one in the "transform" > attribute. Everything operates without errors, but the visual behavior > is off. There's a bug in the matrix calculation produced by scaling on the X axis. Under stress conditions the matrix gets corrupted and ends up repercussing on X scaling and translations, to the point where several errors show up, like for example negative width for rectangle elements. The object may completely disappear. This bug also affects the text elements in a less dramatic way. The problem needs to be solved rather than alleviated. If you show the relevant portion of the code we can try to help. Domenico > Any guidance is appreciated. Thanks in advance. > > > [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/ <*> 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: [email protected] [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/
