Скачать или смотреть Introduction to SVGs: A Beginner's Guide to Scalable Vector Graphics

In this introduction to SVG, we cover basic shapes like circles and rectangles, styling, the path element, quadratic and cubic Bézier curves, arcs, and some fun examples of how to animate SVG with CSS and make them interactive with JavaScript.

Learn more about SVGs at https://svg-tutorial.com

0:00 Introduction
0:21 SVG examples
1:28 SVG in HTML
2:21 The SVG element
4:13 Circle element and styling in SVG
6:13 Rectangle element and basic diagram in SVG
6:58 The Path element in SVG
8:56 Transformations in SVG
12:13 Quadratic Bezier Curve in SVG
14:20 Cubic Bezier Curve in SVG
16:07 Arcs in SVG
17:38 Next steps

Website — http://hunormarton.github.io/
CodePen — https://codepen.io/HunorMarton
Twitter —   / hunorborbely  

Some examples in the intro are from https://observablehq.com
Music: https://www.unminus.com/

#svg #webdevelopment #creativecoding