SVG Fundamental
Learning the theoretical foundations of SVG and SVG Animation [ W3C specification in detail ]. Homework practice.
4.38 (168 reviews)
2,425
students
5 hours
content
Aug 2024
last update
$74.99
regular price
What you will learn
EDUCATIONAL ROUTE [from simple to complex (inductive method of cognition)]:
1. The simplest concepts [coordinate system features in SVG, <svg> as a container element]
2. Types & Application of basic shapes [painting (fill stroke markers), clipping mask] ......FROM 3. TO 26. -> INSIDE
3. Positioning of primitives in the coordinate system and control of their geometric properties [<rect>, <circle>, <ellipse>, <line>, <polyline>, <polygon>]
4. Element <path> and its application in SVG [current point concept]
5. Path command [moveTo(M,m), lineTo(L,l), curveTo(C,c,S,s), curveTo(Q,q,T,t), arc(A,a), closePath(Z,z)]
6. “d” property & Path data syntax [speed up rendering by minimizing file sizes]
7. Bezier curve [cubic, Smooth cubic poly, Quadratic] & Elliptical arc curve commands and its arguments
8. Options for changing styles of graphic elements
9. The CSS rules specificity [specificity calculation, priority of applied styles]
10. Presentation attributes [using, limitations]
11. Internal user agent operation algorithms in SVG [(rx, ry calculation),(constructing a rectangle with the rounded corners), (ellipse rendering)]
12. ***EXCLUSIVE: All the image customization options in the SVG [the concept of viewport in SVG, viewBox and its parameters, viewport initial coordinate system, local coordinate system]
13. The relationship of viewport and viewBox in SVG [transformation of coordinate system in image rendering, the effect of the viewport and viewBox settings on the final image, pan and zoom functions]
14. Advanced image customization options in the SVG: <preserveAspectRatio> attribute [<align> & <meetOrSlice> parameters]
15. Nested viewport [units, percentage calculation algorithm]
16. Document structure [SVG fragment, types of elements], Grouping [<g> element and its properties], Reusable content [<defs>, <use>, <symbol> element and their application features]
17. Painting [types of graphic elements, <fill> & <stroke> attributes, different ways of painting, <paint> values, SVG color units]
18. Fill properties [color control flexibility in fill methods, fill algorithm in case of value fill-rule property: <nonzero>, fill algorithm in case of value fill-rule property: <evenodd>, flexible control of opacity]
19. Stroke properties [stroke, stroke-width, stroke-opacity, paint order], [stroke-linecup values (but, round, square), stroke-linejoin values (bevel, round, miter, arcs, miter-clip), miter (miter-length calculation, miter-limit)], [stroke-dasharray, stroke-dashoffset]
20. Markers [comparing attributes and properties of markers & symbol elements, marker creation algorithm]
21. Bounding boxes [three kinds of bounding boxes (object, stroke, decorated), revealing bounding boxes of various elements in code]
22. Paint Servers [types of paint servers (gradients, patterns), paint servers properties, paint server user agent algorithm]
23. Gradients [types of gradients (linear, radial), concepts of vector and normals, color stops, color transitions]
24. Linear Gradient [vector attributes, gradient stops (stop elements), <offset> attribute, stop-color properties, stop-opacity properties, algorithm for constructing a linear gradient by a user agent during rendering, gradientUnits (objectBoundingBox, userSpaceOnUse), gradientTransform (translate, skew, rotate, scale), spreadMethod (pad, reflect, repeat)]
25. Radial gradient [vector (inner & outer circumference and their geometric properties), stop color in radial gradient]
26. Patterns [fill, stroke, tile concept; attributes (x,y,height,width, patternUnits, viewBox, preserveAspectRatio, patternTransform, href, patternContentUnits)]
BRIEFLY SUMMARIZING: You will get theoretical knowledge & You will have real practical assignments, which will consolidate your knowledge!
Screenshots
Related Topics
2597748
udemy ID
10/8/2019
course created date
10/22/2019
course indexed date
Bot
course submited by