projects:svg_dw
no way to compare when less than two revisions
Differences
This shows you the differences between two versions of the page.
— | projects:svg_dw [2013/05/26 22:05] (current) – created mkucia | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ====== SVG images in DokuWiki ====== | ||
+ | < | ||
+ | |||
+ | <svg xmlns=" | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | |||
+ | < | ||
+ | < | ||
+ | |||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | < | ||
+ | <g id=" | ||
+ | <path id=" | ||
+ | |||
+ | <path id=" | ||
+ | |||
+ | <path id=" | ||
+ | </g> | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <g stroke-width=" | ||
+ | <g id=" | ||
+ | < | ||
+ | | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | |||
+ | </ | ||
+ | |||
+ | </ | ||
+ | Even with extensive text formatting [[wp> | ||
+ | Images are even more important for engineers and scientists. Even small images make text much more attractive and easy to focus on. | ||
+ | |||
+ | ===== SVG vs raster ===== | ||
+ | ==== Raster ==== | ||
+ | |||
+ | Naturally DokuWiki allows user to upload raster image onto server and show it inside document. This default mechanism has some disadvantages: | ||
+ | * Uploading images involves extra effort from the user. | ||
+ | * Images have size much bigger than text. | ||
+ | * Raster images cannot be scaled because of lose of quality. | ||
+ | * Raster images cannot be easily edited. | ||
+ | |||
+ | ==== SVG ==== | ||
+ | [[wp> | ||
+ | Below I show few steps/ | ||
+ | |||
+ | |||
+ | ===== Steps ===== | ||
+ | |||
+ | ==== Preparation ==== | ||
+ | This small article does not cover creation of images itself. I recommend using [[http:// | ||
+ | There are numerous tutorials available on how to use Inkscape. | ||
+ | |||
+ | ==== Size ==== | ||
+ | Image should not be too big nor too small. Images in one page should look similar. | ||
+ | The default maximum width of DokuWiki template is 746 [px]. Left and right padding is 28 [px]. I assume usable width as 715 [px] This should reflect on your SVG image size. User can set Inkscape document size by clicking __File__ → __Document Properties__ under __Custom size__. | ||
+ | |||
+ | |||
+ | === Oversized === | ||
+ | < | ||
+ | <?xml version=" |