SVG Primer: Draw Beautiful Scalable Vector Graphics Images By Typing Text
SVG stands for "Scalable Vector Graphics". "Scalable" means that the image can be resized over a wide range without
the loss of quality you experience when you try to resize a bit mapped image. In today's mobile device world, webpages
and the images on them must be "responsive". This means they must resize themselves to fit the mobile device's screen.
This is exactly what SVG was designed for.
In this book you are going to learn how to hand code SVG directly into a web page. You will not need to learn a
complicated vector graphics application interface. You will not need any special application at all. You will need
only a simple ASCII text editor, like Windows Notepad (Notes on MAC) and a web browser, like Google Chrome (or Firefox,
Internet Explorer, Opera or Safari).
So, pretty much all the typing you will do is the SVG code that you are learning. So start your computer, sit back,
open a text file, type in the examples, and amaze and enjoy yourself while you learn to create some really beautiful
and amazing graphics.
This book is a primer. A primer is a first book for teaching the basics of a topic to a person with little or no
experience. For that reason, my goal in writing this book is to provide simple clear explanations of how to code and
display vector graphics images on your own webpages. Pictures of the results, along with example code is provided.
Click here for more information.