SVG-edit is like a web-based Inkspace (drawing tool, for diagrams, pictures and illustrations) and not a picture and photo editor like GIMP. SVG-Edit is based on jQuery, like Tiki.

Who

• Robert Plummer
• Marc Laporte
• You?

When

• Started in Tiki7, and better in Tiki8. and even better in Tiki9.

Dogfood bug

• I am trying to draw Teams at Teams Drawing, but it's very strange with Chrome and Firefox.

Testing

• here: http://demo.tiki.org/

Learn project

Robert & Marc are working on a project which requires enhancements

1. By default, open Draw as full screen
2. Add a Button "Save and Back" (or just make all AJAX) (partially done)
   • It's all AJAX now but the pop-up has hidden buttons. Maybe this will be solved when some buttons are hidden?
3. Affect the number of drawing options/buttons/widgets from Tiki
   • Remove the ones we don't need done
   • Add some new ones (ex: some additional svg images from library)
   • http://code.google.com/p/svg-edit/wiki/ExtensionDocs
   • So we would need a syntax and/or admin panel for this
     • Ideally, I would have an admin panel at tiki-admin.php?page=draw where I would indicate add=bla remove bla
4. Using http://profiles.tiki.org/Cartograf, there is an issue with drawing layers when editing via tracker (Marc will make video)
5. Is there an easy way to have text associated to a drawing/shape (without having to add a second element) (see page 10 of PDF)
6. When image is smaller than SVG-edit canvas, some weirdness appears (Maybe this is the real issue.

Wishes

Urgent

• Created a page with empty draw plugin, then created a drawing which appears here: http://demo.tiki.org/draw/tiki-download_file.php?fileId=2&display but somehow plugin didn't get updated here: http://demo.tiki.org/draw/tiki-pagehistory.php?page=SVG-Butterfly&history_offset=1&diff_style=sidediff&diff_style=sidediff&show_all_versions=y&compare=Compare&newver=0&oldver=1&paginate=on&history_pagesize=25 Fixed in 38123
• Permission bug as described here: http://demo.tiki.org/draw/Page+with+no+drawing Fixed in 38135
• When creating a drawing from PluginDraw, default name should be name of wiki page and description should be empty
• Anonymous user can see http://demo.tiki.org/draw/tiki-download_file.php?fileId=5&display and http://demo.tiki.org/draw/tiki-index.php?page=BogusPage but when visiting http://demo.tiki.org/draw/tiki-index.php?page=SVG-Butterfly, there is an error fixed
• Not sure how/what, but there is something fishy that so many files are duplicated instead of being archives: http://demo.tiki.org/draw/tiki-list_file_gallery.php should be good now...

Todo

• PluginDraw can't be used in blog posts (and presumably other non-wiki page text areas)
• use of SVG icon like lib\images\icons\svg.svg or lib\images\icons\svg.png
  • function wikiplugin_draw_info() {'icon' => 'img/icons/shape_square_edit.png' should be changed (this is for toolbar)
  • tooltip should use nice icon (now way too big) and be on dy default if feature is on
  • file gallery should recognize .svg and put an icon (like it does for PDF, etc.) for the colum http://demo.tiki.org/draw/tiki-list_file_gallery.php?galleryId=1&sort_mode=type_asc
• Not working with IE9: http://demo.tiki.org/draw/tiki-edit_draw.php?galleryId=1 ok with latest trunk
• The file gallery, the edit drawing image has a permission check but is missing a feature check done r37813
• Drawn image doesn't show in WYSIWYG mode

To do, if easy

• Toolbar: Change the icon to look more like a drawing, and have it by default on toolbar if feature is activated
• Pick image from Tiki file gallery for inclusion as background (so we can annotate)
  • Tiki9: for jpg, gif and png in the file gallery, there is an edit icon that opens SVG-edit with this picture as the background.
• File gallery stuff specific to Drawings
  • Thumbnail (Not possible at this time)
    • When mouse-over, it should show a thumbnail, like it does for other images (http://demo.tiki.org/draw/tiki-list_file_gallery.php)
    • browse mode like http://demo.tiki.org/draw/tiki-list_file_gallery.php?view=browse&galleryId=1 should show image instead of svg icon
  • slideshow like http://demo.tiki.org/draw/tiki-list_file_gallery.php should show image instead of icon
• Hyperlinks on elements don't work on PluginDraw in wiki page while http://demo.tiki.org/draw/tiki-download_file.php?fileId=38&display is OK : ex red box at: http://demo.tiki.org/draw/SVG-Tiger
• "Image tool" will permit to adding something like this to the SVG: <image xlink:href="https://suite.tiki.org/img/tiki/Tiki_Suite.png" id="svg_6" height="130" width="235" y="290" x="184"/>
• When creating the file in plugindraw or "create a drawing" in tiki-list_file_gallery.php?galleryId=4, it should ideally ask file name and description
  • There is a better default now, and easy to change so only nice-to-have
• General File Gallery Stuff: editing properties should let me change file name because "New Svg Image.svg" is not very descriptive
  • Ok can be renamed from edit view, but does it keep it in the same archive?
• "Where will this drawing be stored?" should be translatable
• In view mode, if browser is unsupported, it should say (like it does for edit) instead of broken image
  • or use http://code.google.com/p/svgweb/ or do like Raphael so IE6 can view SVG
• allow some way to have multiline text boxes. Right now you have to add a new text box for each line (example on demo.t.o for Tiki Suite SVG), whereas many vectorial-image programs allow for:
  • pressing ENTER when you are in a text box to force a new line in that text box
  • resize with the mouse the text box, and have the text adapted to the new box size (when box is narrower, long lines split in two, etc.)
• IE9: starts existing drawing: not centered (minor)

  
  

Nice to have

• If SVG-edit is using external images (with http), have a way to easily convert them to images managed in your Tiki (so if image goes offline or if you go offline, things keep working)
• Opera offers to download instead of viewing (Chrome and Firefox are OK)
• Full screen is not very reliable via different browsers
• A way to compare files side by side (which would be nice when we have images)
• Extend 'import SVG file' to allow pulling from images/files within Tiki

  
  

Test plan

See: http://profiles.tiki.org/Drawing+test+plan

Long term

• Realtime Collaborative Drawing
• We could envisage using existing Tiki data (trackers, spreadsheet, wiki pages, etc.) for embedding in SVG (or as part of a calculation)
• If you edit a drawing from the File Gallery, the various PluginDraw using it won't be updated. This is the same problem for all files when archiving is on. ( Each save makes a new file ID)

Coordinate with SVG-edit community

• We want to be able to manage the Tiki Suite diagram via SVG-edit
  • Add markers to line/connectors automatically (if desired) or Support text-on-a-path
  • Support multi-line text (There is a patch)
    • We want multi-line text with a box around it
    • We need it to work with connecting two objects
• Keep an eye on add jessyink functions
• WebKit coordinates messed up upon Browser Zoom
• Have a way to view drawing for browsers that don't support SVG
  • http://code.google.com/p/svg-edit/issues/detail?id=642
  • http://code.google.com/p/svgweb/

Related links

• http://code.google.com/p/svg-edit/
  • http://www.mediawiki.org/wiki/Extension:SVGEdit
    • http://gitorious.org/mediawiki-svgedit/mediawiki-svgedit
  • http://moinmo.in/ReimarBauer/SvgEditor
  • http://www.dokuwiki.org/plugin:svgedit
  • background jpg
  • http://code.google.com/p/svg-edit/issues/detail?id=539
  • http://code.google.com/p/svg-edit/wiki/ProjectsThatUseSvgEdit
  • http://code.xwiki.org/xwiki/bin/view/Macros/SVGMacro20
• http://mashable.com/2010/10/12/how-to-export-your-illustrator-images-to-html5-canvas/
• http://www.draw2d.org/draw2d/about
• http://www.walterzorn.de/en/index.htm
• http://dev.chromics.com/ (SVG-edit + Sozi presentations)
• http://code.google.com/p/cwm-drawtool/
• SVG-edit PDF export discussion
• https://groups.google.com/forum/?fromgroups#!topic/svg-edit/8uYm9I4KheQ

• Drawing
• SVG-edit