A few people might have noticed that the Dizzy editor now (finally) has an user interface that one can use without wanting to puke (at least I hope so). In the old version much of the UI was made in the SVG file itself (like the Zebra), which wasn't exactly a good idea.
So I moved (almost) everything out of the SVG and into the surrounding page.
In my opinion this is a much cleaner approach, althought the Zebra might not look as nice now as it has before.
Since it's not an image anymore but basically just a few divs with some CSS magic, it looks quite different in most browsers. Check this out:
This is due to the way Browsers handle dotted/dashed borders in combination with border radius (see this issue), but an issue that does not affect the functionality and I hope it will be fixed soon.
Anyway, here's what's new in the editor so far:
- Link to remote images
- Load and save SVG presentation
- Modify embedded stylesheet
- change the z-index of groups (through the new zebra-toolbar)
- More tools for drawing stuff on the canvas, like lines, arrows, circles...
- More options for stuff on the page. Includes font options for text, color chooser, etc..
- More jQuery. (o:
- Saving a SVG that contains an image does not work in Chrome (this browser has so many problems with that Feature..)
- Changing the font-size through the stylesheet does not change the line height of multiline text
- Firefox captures too many keys in default mode (should only capture letters and backspace)
Another really awesome thing is that it seems like Internet Explorer 9 finally has decent SVG support! I had a look at IE9 a few days ago and at least the demo on the Dizzy page worked.
Once I find the time to install a Windows VM on my machine I will test the editor and report back to you (;blog comments powered by Disqus