-
Урок 1.
00:02:28
Instructors skills in scalable vector graphics. Graphics ENGINE for this course!
-
Урок 2.
00:03:05
C.S features <svg>element [first simplified approach to the concept of viewport]
-
Урок 3.
00:02:44
Types & Application of Basic Shapes. <rect> geometry [x,y,width,height,rx,ry]
-
Урок 4.
00:03:35
<circle> <ellipse> <line> elements and its geometric properties
-
Урок 5.
00:01:52
<polyline> [points = “x1,y1, … xn,yn”] <polygon> [points = “x1,y1, … xn,yn”]
-
Урок 6.
00:05:43
Path data[syntax]. C.P. concept. moveTo(M,m) lineTo(L,l) closePath(Z,z) commands
-
Урок 7.
00:01:20
The cubic BГ©zier curve, Smooth cubic poly Bezier curve and its geometry
-
Урок 8.
00:01:03
Quadratic Bezier Curve, Smooth Quadratic poly Bezier and its geometry
-
Урок 9.
00:02:35
elliptical arc curve [Rx, Ry, x-axis-rotation, large-arc-flag, sweep-flag, x, y]
-
Урок 10.
00:01:35
Options for changing styles of SVG graphic elements
-
Урок 11.
00:06:48
The CSS rules specificity. Specificity calculation. Priority of applied styles
-
Урок 12.
00:02:09
Geometry properties & Presentation attributes. Using. Limitations
-
Урок 13.
00:04:41
G.P in-depth [Part1]. rx and ry in detail. rx, ry calculation algorithm
-
Урок 14.
00:05:31
G.P in-depth [Part2]. Algorithm of the rectangle with the rounded corners
-
Урок 15.
00:04:52
G.P in-depth [Part3]. Algorithm of the ellipse rendering
-
Урок 16.
00:05:37
The concept of viewport & viewBox in SVG. Initial & Local coordinate systems
-
Урок 17.
00:02:00
The relationship of viewport and viewBox in SVG
-
Урок 18.
00:04:51
The viewBox and transformations
-
Урок 19.
00:13:04
The preserveAspectRatio attribute
-
Урок 20.
00:05:06
Establishing a new SVG viewport [nested viewport, units]
-
Урок 21.
00:02:41
SVG fragment, types of elements
-
Урок 22.
00:02:59
Grouping. Element <g>. Properties of <g> element as a container element
-
Урок 23.
00:04:06
Reusable content [<defs> <use> <symbol> elements]
-
Урок 24.
00:02:59
Application features of the <use> element
-
Урок 25.
00:02:25
The paint operations. <paint> values. SVG color units
-
Урок 26.
00:11:41
Fill properties
-
Урок 27.
00:07:01
Stroke properties [stroke, stroke-width, stroke-opacity, paint order]
-
Урок 28.
00:11:09
Stroke properties: stroke-linecup, stroke-linejoin
-
Урок 29.
00:08:56
Stroke properties [stroke-dasharray & stroke-dashoffset]
-
Урок 30.
00:08:25
Markers
-
Урок 31.
00:08:16
Bounding box
-
Урок 32.
00:03:59
Paint Servers
-
Урок 33.
00:03:12
Gradients [types, vector, normal, color stops, color transitions]
-
Урок 34.
00:05:45
linear Gradient: the vector attributes [x1,x2,x3,x4]
-
Урок 35.
00:03:58
linear Gradient other Attributes[gradientUnits, gradientTransform, spreadMethod]
-
Урок 36.
00:02:36
Radial gradient [vector, inner & outer circumference,- stop color]
-
Урок 37.
00:04:38
patterns [tile concept, types, attributes]