History: Draw

{REMARKSBOX()}SVG-edit was added to ((Tiki7)) for ((Collaborative Image manipulation)) and has evolved ever since, even if it seems deprecated in Tiki since ((doc:PluginDiagram)) was introduced in ((Tiki20)), which can also import and export drawings in svg format, plus many more options and features.
{REMARKSBOX}

[http://it.toolbox.com/blogs/minimalit/inkscape-and-the-gimp-16678|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 [http://code.google.com/p/svg-edit/wiki/Acknowledgements|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 ((tw:Teams)) at ((tw: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
# --By default, open Draw as full screen--
# --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?--
# Affect the number of drawing options/buttons/widgets from Tiki
** --[http://code.google.com/p/svg-edit/issues/detail?id=772|Remove the ones we don't need]-- [http://tikiwiki.svn.sourceforge.net/viewvc/tikiwiki?view=revision&revision=41627|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
# --Using http://profiles.tiki.org/Cartograf, there is an issue with drawing layers when editing via tracker (Marc will make video)--
# 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)
# When image is smaller than SVG-edit canvas, some weirdness appears (Maybe [http://code.google.com/p/svg-edit/issues/detail?id=583|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 ([http://demo.tiki.org/draw/tiki-edit_draw.php?fileId=14&page=Tiki%20Suite%20SVG&index=1&label=Edit%20SVG%20Image&width=600px&height=|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 ((doc: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 [http://dev.tiki.org/tiki-download_wiki_attachment.php?attId=157|Tiki Suite diagram] via SVG-edit
** [http://code.google.com/p/svg-edit/issues/detail?id=585|Add markers to line/connectors automatically (if desired)] or [http://code.google.com/p/svg-edit/issues/detail?id=536|Support text-on-a-path]
** [http://code.google.com/p/svg-edit/issues/detail?id=242|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 [http://code.google.com/p/svg-edit/issues/detail?id=627|add jessyink functions]
* [http://code.google.com/p/svg-edit/issues/detail?id=714|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
** [http://code.google.com/p/svg-edit/issues/detail?id=453|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 + [http://sozi.baierouge.fr/wiki/sozi|Sozi] presentations)
* http://code.google.com/p/cwm-drawtool/
* [http://groups.google.com/group/svg-edit/browse_thread/thread/5b7d29efbf2cf313|SVG-edit PDF export discussion]
* https://groups.google.com/forum/?fromgroups#!topic/svg-edit/8uYm9I4KheQ

-=alias=-
* (alias(Drawing))
* (alias(SVG-edit))