![]() The currently (March 2015) valid specification is SVG 1.1, with SVG 2.0 on the way, and many of the new features are already implemented in Inkscape and many viewers (like web browsers). The tags, elements and attributes which can be used and understood by vector graphics editing and viewing programs are determined in the SVG specification. The SVG file format uses these structures to represent visual data. If you ever used (X)HTML to create a website, you already know the main structural elements: a tree-like structure, tags, elements and attributes. It is based on XML (Extensible Markup Language), also a W3C standard format, which is a generic markup language developed to represent arbitrary data in human- and machine-readable format. It is maintained and developed by the W3C (World Wide Web Consortium), the main international standards organization for the web. SVG (acronym for "Scalable Vector Graphics") is a free and open, standardized file format for vector graphics. We collected some information here which we hope will get you started easily. For example, to make your own extensions, you will need some experience in climbing up and down the XML tree - and if you want to work on some of the core Inkscape functions, you might even have to dive deep into the maths of matrices and Bézier curves. Another one to consider? Invision Studio, once it’s open to all.Because the SVG vector file format is Inkscape's central format, understanding the basics of SVG will be helpful when contributing to Inkscape's development. I literally do put in a hard day’s work in Figma and it works great. It’s in somewhat of a different category as it’s more for full-on design work than just SVG editing, but it’s certainly a vector-capable app. I can tell you what I do definitely trust though, another browser-based design tool called Figma. As most of these are free, and admittedly, I’ve never done a serious hard-day’s work in any of them, I’m resistant to tell you what’s best. I mentioned at the top that if you’re serious about doing big work in any of these, you should experiment with them. RollApp is a service that helps you fire up Inkscape (and a variety of other apps) as essentially a pop-up browser window. Normally Inkscape wouldn’t warrant a place on this list as it isn’t browser-based. The long-time open-source alternative to Adobe software, particularly Adobe Illustrator. If you’re serious about finding one to do big work in, you should experiment with all of them. You change colors and drag things around and most of what you’d expect to be able to do. The toolbars give you access to drawing and manipulation tools. Most of the following require very little explanation. While those are still great tools, if SVG editing is what you need, you can gain some speed and save some money by checking out these options. Or perhaps it’s open source brethren Inkscape. I think a lot of us considered a tool like Adobe Illustrator to be the king of the castle for vector editing. Perhaps predictably, there are even quite a few options! That’s right, totally free browser-based SVG (vector) based editing tools. The beauty of the internet is that because you definitely can build a visual app to create and edit SVG, many people have. Combine ideas like this and you can imagine a full-fledged browser-based application for creating and editing SVGs. It’s happy to cough up coordinate information about where you click and whatnot, and even drag-and-drop is a thing now. It tickles a certain type of developer into thinking… Hey! I could make an app that helps build and edit SVGs! Yes, indeed, you could. Or have fun with preprocessors creating SVG from loops! Wanna draw a plus sign? It can be reduced as far as: It’s just coordinates! With instructions that explain how to move from coordinate to coordinate. You can literally learn even the obtuse-looking-at-first SVG syntax. It’s an open specification! The idea that SVG is just markup tickles some developers just right. You can draw any shape that way, as well as declare and use things like gradients and even animations and interactivity. You’d call that markup, a declarative language. Wanna draw a rectangle? It’s not a bizarre string of gibberish characters, it’s: One of the coolest things about SVG is that, despite all the powerful stuff it can do, it’s still readable code. ![]()
0 Comments
Leave a Reply. |