I heard that SVG are made of xml and html but software like inkscape are used to create SVG images easily without worrying about Coding in Xml.

Hence after creating a SVG image i want to view a xml coding of it because i can change the colors and size dynamically through programming i Believe off course am not sure about this.

after creating a SVG image i can only able to see a file not a coding in DOM also(viewed in firebug)

Here is my question is that possible to view and edit a xml coding of SVG image after creating it in inkscape?

if possible how it can be achieved?

  • Any kind of text editor will do. Just open it with Vim, Emacs, Geany, VS Codium, VS Code, Notepad++... – 71GA Jul 1 '20 at 6:40

Inkscape has a built-in XML editor:

  1. Click Edit > XML Editor (or press Shift+Ctrl+x).

The XML source appears.

  • That helps ... unless you're trying to copy portions (e.g. to convert it into a stencil / diagram / object for a related program like Pencil), so other tools are useful too. – SRDC Apr 1 '16 at 0:40

xml code for SVG images can be seen in IDE,there are sites which provide a tool to give us a xml of code of SVG image we created, by this you can play around with the style of the images in code.

Once if you put a xml format of SVG image then you can see it on DOM too(seen in firebug), but if you put just image alone not a coding then you can't able to see coding, this is what i experienced before posting this question.

So, finally yes you can see the xml format of svg images which are created in Vector Graphic Software and change its color,dimensions,etc. in xml format.

hope this will help others:)

  • Geany on Linux OS's works great.
  • I would imagine that Notepad++ (what I used before Geany) on Windows OS's would work well also.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.