User Tools

Site Tools



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

Link to this comparison view

tool:software:inkscape [2019/11/07 06:05] (current)
rjt created
Line 1: Line 1:
 +====== Inkscape ======
 +===== Tips =====
 +==== Importing an SVG from an HTML document ====
 +Dunno if there'​s an easier way to do this, but there is a potentially tedious way!
 +  - First you want to grab the markup from the HTML document. either grab everything in the ''<​svg>''​ element, or just everything in the ''<​g>''​ element.
 +  - Then in Inkscape you want to open the //XML Editor//: either
 +    * ''​Edit > XML Editor ...''​ or
 +    * ''​Ctrl+Shift+X''​
 +  - The leftmost button in the XML Editor creates a 'new element node'; press that, and call the node ''​svg:​path'' ​ - With that element/​node selected, select the '​id'​ attribute in the window to the right. You can change the name if you wish, but either way press '​set'​ to fill out more details.
 +  - There should now be a '​d'​ element, select this, and insert all the info. from the ''​d''​ attribute of the markup you've grabbed from the web. It'll be inside the ''​path''​ element. Then click '​set'​.
 +  - Repeat this process of creating nodes, setting the ids, and pasting in the d (lol) stuff for all paths you're importing.
 +  * If your path has other attributes (for example ''​fill''​ or ''​fill-rule''​) you can add that i nthe usual way you would in Inkscape, or create a style attribute where the '​id'​ and '​d'​ ones are.
 +  * https://​​questions/​48930212/​how-to-import-svg-code-into-inkscape
tool/software/inkscape.txt · Last modified: 2019/11/07 06:05 by rjt