From the course: Learning SVG

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

SVG in the browser

SVG in the browser - SVG Tutorial

From the course: Learning SVG

Start my 1-month free trial

SVG in the browser

“

- [Instructor] While SVG is a bonafide graphics format, it is not like other graphics formats. To see what I'm talking about boot up your preferred code editor, I'm using Adam here, navigate to the exercise files for this movie and open SomethingWorthSeeing.svg. This is the graphic we put together in the previous movie. Looking at the SVG code, you immediately recognize it as a web document. It starts off declaring itself as an XML markup document then goes on to define an SVG element with familiar attributes like an ID and width and height and so on. And then inside that element we have some inline styles as well as the actual graphs that are drawn in the SVG. This code is what we'll be working with in this course. And by the end, you'll not only understand what's going on here, but also be able to take full advantage of what this SVG has to offer. But I'm getting a bit ahead of myself. This code, generated by Illustrator, works fine but there's a bunch of stuff in this code we don't…

Contents