RSE Wiki Archive

User Tools

Site Tools

Trace:
svg_files

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
Next revision Both sides next revision
svg_files [2018/08/09 10:34]
arusso 		svg_files [2018/08/13 12:33]
arusso
Line 13: Line 13:
 === from Nevil Brownlee, 18 July 2018 === === from Nevil Brownlee, 18 July 2018 ===
  
-The version of SVG that will be allowed in RFCs is described in RFC 7996, "SVG Drawings for RFCs: SVG 1.2 RFC", its formal syntax was updated in author: draft-7996-bis. +The version of SVG that will be allowed in RFCs is described in [[https://www.rfc-editor.org/info/rfc7996|RFC 7996]], "SVG Drawings for RFCs: SVG 1.2 RFC".  Its formal syntax will be updated in 7996-bis (see [[https://github.com/rfc-format/draft-iab-svg-rfc-bis|the GitHub repository]]). 
  
-As one of the tools for using SVG 1.2 RFC, we have produced *check_svg.py,* a Python program that will read SVG files, check whether they conform to SVG 1.2 RFC, and delete from them anything that doesn't conform. When you've made an SVG diagram, you should run it through check_svg.py, and take a careful look at the resulting new SCG diagram to see that no features that you need have been deleted.+As one of the tools for using SVG 1.2 RFC, we have produced [[https://pypi.org/project/svgcheck/|svgcheck]], a Python program that will read SVG files, check whether they conform to SVG 1.2 RFC, and delete from them anything that doesn't conform. When you've made an SVG diagram, you should run it through svgcheck, and take a careful look at the resulting new SVG diagram to see that no features that you need have been deleted.
  
 Many people have asked for advice about how best to create SVG diagrams; in this note I summarise my experiences of doing that. To start with, Wikipedia has a good survey of both Open Source and Proprietary  Many people have asked for advice about how best to create SVG diagrams; in this note I summarise my experiences of doing that. To start with, Wikipedia has a good survey of both Open Source and Proprietary 
Line 27: Line 27:
 Again, Inkscape uses markers for line-end symbols (even if you create your own markers using Object -> Objects to Marker).  That means, if you want arrowheads at the end of lines, you have to draw them in yourself. The simplest way to do that is to make an arrowhead with two lines grouped together, draw your lines, then copy your arrowhead at the end(s) of them. Again, Inkscape uses markers for line-end symbols (even if you create your own markers using Object -> Objects to Marker).  That means, if you want arrowheads at the end of lines, you have to draw them in yourself. The simplest way to do that is to make an arrowhead with two lines grouped together, draw your lines, then copy your arrowhead at the end(s) of them.
  
-Another nice feature of Inkscape is that its 'Resize page to content' lets you resize your svg drawing to trim the white space around its edges before you save it as 'Plain SVG'. An example SVG flowchart diagram produced in this way is shown below.+Another nice feature of Inkscape is that its 'Resize page to content' lets you resize your svg drawing to trim the white space around its edges before you save it as 'Plain SVG'. An example SVG flowchart diagram produced in this way is linked to below.
  
-{{wiki:inkscape-drawn-arrows.svg}}+[[https://www.rfc-editor.org/rse/wiki/lib/exe/fetch.php?media=inkscape-drawn-arrows.svg|Inkscape example with drawn arrows]]
  
 === LibreOffice Draw === === LibreOffice Draw ===
Line 37: Line 37:
 Create your drawing using Draw, group it into a single object, then export it. (For me, that makes an SVG diagram that emacs and Inkscape display properly, but Firefox donesn't - however, check-svg.py's rewritten SVG diagram displays properly in Firefox, with Draw's arrowheads displayed properly.) Create your drawing using Draw, group it into a single object, then export it. (For me, that makes an SVG diagram that emacs and Inkscape display properly, but Firefox donesn't - however, check-svg.py's rewritten SVG diagram displays properly in Firefox, with Draw's arrowheads displayed properly.)
  
-=== dia ===+=== Dia ===
 Runs on Windows, OSX, GNU/Linux and Unix. Install it from http://dia-installer.de Runs on Windows, OSX, GNU/Linux and Unix. Install it from http://dia-installer.de
        
svg_files.txt ยท Last modified: 2021/12/14 14:13 by arusso

Page Tools

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki