{"id":36946,"date":"2018-08-25T03:01:24","date_gmt":"2018-08-24T17:01:24","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=36946"},"modified":"2020-09-19T10:42:14","modified_gmt":"2020-09-19T00:42:14","slug":"inkscape-vector-image-editor-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/inkscape-vector-image-editor-primer-tutorial\/","title":{"rendered":"Inkscape Vector Image Editor Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/inkscape.pdf\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Inkscape Vector Image Editor Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/inkscape-15of.jpg\" title=\"Inkscape Vector Image Editor Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Inkscape Vector Image Editor Primer Tutorial<\/p><\/div>\n<p>As far as image editing goes at RJM Programming, we turn to &#8230;<\/p>\n<ul>\n<li><a target=_blank title='Paintbrush for Mac' href='http:\/\/paintbrush.sourceforge.net\/'>PaintBrush<\/a> (the Mac OS X one) for more than 90% of the simpler work &#8230; and then use &#8230;<\/li>\n<li><a target=_blank title='PreView (on a Mac) information from Apple' href='https:\/\/support.apple.com\/en-us\/HT201740'>Preview<\/a> (Mac OS X) occasionally to do with resizing tasks &#8230; but, more often, for the rest of the work we use &#8230;<\/li>\n<li><a target=_blank href='http:\/\/www.gimp.org' title='Gimp, or GIMP'>Gimp<\/a> (Mac OS X desk application as XQuartz or X11) for jobs requiring special effects or filters or opacity or colourization or hue control<\/li>\n<\/ul>\n<p>But what if you want to &#8220;Export As&#8230;&#8221; <a target=_blank title='HTML svg information from w3schools' href='https:\/\/www.w3schools.com\/html\/html5_svg.asp'>SVG<\/a>?  None of the applications above, &#8220;out of the box&#8221; &#8220;Export As&#8230;&#8221; SVG.  First off, let&#8217;s get a reason for this from <a target=_blank title='Useful link, thanks' href='https:\/\/askubuntu.com\/questions\/301540\/export-image-as-svg-in-gimp'>this very useful link<\/a>, thanks &#8230;<\/p>\n<blockquote cite='https:\/\/askubuntu.com\/questions\/301540\/export-image-as-svg-in-gimp'><p>\nGIMP is a raster graphics editor application. SVG is a form of vector graphics. If you want to edit SVG files, you should install the inkscape package and use Inkscape instead.\n<\/p><\/blockquote>\n<p>Yes, the SVG image format is a vector graphics image format, and that is the difference.  So we went along with the advice and used, for our Mac OS X system the DMG method of (free, open source) install at the <a target=_blank title='Inkscape' href='https:\/\/inkscape.org'>Inkscape<\/a> website to get things rolling along.<\/p>\n<p>Today&#8217;s <a target=_blank title='Click picture' href='http:\/\/www.rjmprogramming.com.au\/Mac\/inkscape.pdf'>PDF presentation<\/a> takes it up from that point, showing us Creating a 3D Box and dragging our way to creating a 3D Box shape that we &#8220;Save As&#8230;&#8221; (because now we are well and truly in the &#8220;vector&#8221; woooorrrrrrlllllld) \/Applications\/MAMP\/htdocs\/drawing.svg &#8230; why?  Well, it&#8217;s our way to remind you, as we so often do, that the <a target=_blank title='MAMP local Apache\/PHP\/MySql web server' href='http:\/\/mamp.info'>MAMP<\/a> local Apache\/PHP\/MySql web server document root, by default, points at \/Applications\/MAMP\/htdocs\/ and in a web browser, with MAMP activated, points at (the URL prefix) HTTP:\/\/localhost:8888\/ and so us lobbing onto &#8230;<\/p>\n<p><code><br \/>\nHTTP:\/\/localhost:8888\/<a target=_blank title='drawing.svg' href='http:\/\/www.rjmprogramming.com.au\/Mac\/drawing.svg'>drawing.svg<\/a><br \/>\n<\/code> <\/p>\n<p> &#8230; has you seeing what we saw on MAMP (and then we uploaded this to the RJM Programming website place you are accessing with the link above).  What you need to do this is a (s)ftp desktop application like <a target=_blank title='FileZilla landing page from SourceForge ... thanks' href='https:\/\/filezilla-project.org\/'>FileZilla<\/a>.  Web server maintenance 101.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d36946' onclick='var dv=document.getElementById(\"d36946\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/image\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d36946' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>As far as image editing goes at RJM Programming, we turn to &#8230; PaintBrush (the Mac OS X one) for more than 90% of the simpler work &#8230; and then use &#8230; Preview (Mac OS X) occasionally to do with &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/inkscape-vector-image-editor-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,29,37],"tags":[320,2237,2457,1822,2007,469,558,591,2686,725,2510,2412,1129,1226,1366,1469,1483],"class_list":["post-36946","post","type-post","status-publish","format-standard","hentry","category-elearning","category-operating-system","category-tutorials","tag-desktop-application","tag-drag","tag-editing","tag-editor","tag-filezilla","tag-ftp","tag-hello-world","tag-image-editing","tag-inkscape","tag-mac-os-x","tag-raster","tag-rasterize","tag-sftp","tag-svg","tag-vector","tag-x11","tag-xquartz"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/36946"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=36946"}],"version-history":[{"count":8,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/36946\/revisions"}],"predecessor-version":[{"id":50349,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/36946\/revisions\/50349"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=36946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=36946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=36946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}