Svg tutorial

<< Prev
Next >>

Introduction

Svg (Scalable Vector Graphics) is a text-based graphics language for two-dimensional graphics with support for interactivity and animations.
A Svg code must be placed between <svg> and </svg> tags.

Inline SVG

Example:

<body>
<svg width="200" height="200">
<circle cx="40" cy="40" r="30" stroke="blue" stroke-width="3" fill="red" />
</svg>
</body>


Svg

To embed an Svg file into a web page:


<img src="test.svg" width="320px" height="240px" alt="some text" />


Svg
<< Prev
Next >>