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=" | ||