TestersLesson 67Free preview

SVG Preview

This lesson is part of Web Developer Tools · All levels

Summary

The SVG preview displays the SVG code render results so you can check the shape, color, and position of the elements. SVG is an XML-based vector format that stays sharp at any size. Viewer helps when writing paths, setting up viewBox, or adjusting presentation attributes.

Key points

SVG is an XML-based vector graph, not a pixel bitmap.
ViewBox specifies the coordinate system and the area to be displayed
The basic elements include rect, circle, ellipse, line, polyline, polygon, and path
The fill attribute sets the content, the stroke sets the edge line
SVG can be inserted inline in HTML or loaded as a separate file

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.