but I'am not really happy with the Performance of that Demo.
Some tips would be really nice!
Thanks!
Check these out too: Chrome dev tools primer: https://developers.google.com/chrome-developer-tools/
Getting dirty with chrome dev tools: http://net.tutsplus.com/tutorials/tools-and-tips/chrome-dev-...
Forcing a redraw/re-paint with some other good info: http://stackoverflow.com/questions/3485365/how-can-i-force-w...
Canvas performance: http://www.html5rocks.com/en/tutorials/canvas/performance/
More on SVG: http://www.mysparebrain.com/svgjs2#(1)
General JS optimization: http://www.mellowmorning.com/2008/05/18/javascript-optimizat...
Usually, I find that by asking about what you want to accomplish vs. how to do it, the results are better. Could you please give us some more context on what you're using this for? That will probably lead you to a better and more complete solution (unless you're just really curious about how to do specifically this, in which case, I bet others would be interested in that as well).
Also, with all the best intentions, and coming from someone who only knows one language, check out this humorous post about "alot" vs "a lot" (unless that was intentional, in which case, lol). http://hyperboleandahalf.blogspot.com/2010/04/alot-is-better...
Good luck! :) [edited for formatting]
Basically what i want to do: A big view of a Garden. The Plants are SVG images for better and cleaner zoom. When the user is zoomed into the view he should be able to drag around the garden.
The ALOT thing was intentional that's why it is BIG
Are you sure you want to have that many things in the same view, coz human attention is limited as well as his perception of movement and reading speed...
The smoothness is okay in Chrome but in Firefox is just terrible(linux)