Understanding SVG Document System

The svg element can have several attributes that will affect the way your SVG file is displayed. To best illustrate how an SVG document works and how these attributes affect display, think in terms of a common, identifiable object, such as a bulletin board. The bulletin board will symbolize the SVG document you'll begin to create.

Before you can begin defining the content of an SVG file, you'll need to define the size of the SVG document. Thus, the most common attributes of the svg element are width and height. These attributes will define the width and height of the SVG file's display, known as the viewport. You can think of the width and height as defining the size of the bulletin board you'll be posting other ...

Get Sams Teach Yourself SVG in 24 Hours now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.