Create awesome 2D vector graphics with SVG (code) + HTML – over-the-shoulder training with detailed examples per lesson
What you will learn
Create multiple graphical elements with SVG code – shapes (rectangles, circles), lines, links, etc.
Create scalable vector graphics with just pure HTML and SVG codes
Create awesome graphics without mastering complicated graphic design software
Edit your SVG graphics in seconds by editing your SVG code
English
language
Content
Introduction
Introduction
SVG Basics
SVG tag and an intro to unit measurements in SVG
Displaying/Embedding SVG with HTML web pages – part 1
Displaying/Embedding SVG with HTML web pages – part 2
SVG coordinate system
Create shapes, text and other elements
Drawing Rectangles with SVG
Drawing Rectangles in SVG – part 2
Drawing Rectangles in SVG – part 3
Drawing Circles in SVG
Drawing Lines in SVG
Creating Text with SVG code
Embedding Bitmap Images in SVG Images
Creating Links in SVG images
Bonus lecture: Continue your journey!