Svg

From Freephile Wiki
Revision as of 20:41, 11 January 2016 by Freephile (talk | contribs) (update project page for external library)

Jump to navigation Jump to search

Intro[edit | edit source]

This wiki has a complete vector graphics editor in the browser (in JavaScript). This feature is implemented using a special extension which uses the open source svg-edit project, brought to you in part by Brion Vibber and Marc Laporte (thanks guys!). So, users are able to edit svg graphics in the browser. This is particularly useful if you want to collaboratively edit flow-chart diagrams online while also providing all the context and documentation about the diagram in your wiki. Of course the diagrams themselves are version controlled the same way that wiki articles are.

Usage[edit | edit source]

To use the editor, you can either edit an existing image which has already been uploaded to the wiki; or you can create a new image right from any article page.

Image File[edit | edit source]

  1. Click "Edit Drawing" button on the file page for any svg image. e.g. File:Svg_drawing_2013-10-02_20-52-00.svg

In Article[edit | edit source]

  1. Click "Edit"
  2. Then click on the "Advanced" toolbar where you will see the "pencil in a gear" icon for svg-edit.

You probably want to test it out on a temporary page, or test image first to get used to the workflow

Svg drawing 2013-10-02 20-52-00.svg