Lessons:15Length:2.1 hours
- Overview
- Transcript
2.1 The Structure of a Basic SVG Image
In this lesson we'll delve into an example SVG image to take a look at the different elements that are used to describe and define the image. We'll also look at some of the common attributes you can expect to see when working with SVG.
1.Introduction
1.1Introduction03:44
1.1
Introduction
03:44
2.SVG Uncovered
2.1The Structure of a Basic SVG Image07:24
2.1
The Structure of a Basic SVG Image
07:24
2.2Adding SVG to the Page10:21
2.2
Adding SVG to the Page
10:21
2.3Styling SVG With CSS07:57
2.3
Styling SVG With CSS
07:57
2.4Text and SVG10:10
2.4
Text and SVG
10:10
2.5Optimising SVG12:16
2.5
Optimising SVG
12:16
2.6Animating SVG With CSS06:47
2.6
Animating SVG With CSS
06:47
2.7SVG Filters08:05
2.7
SVG Filters
08:05
2.8JavaScript and SVG09:33
2.8
JavaScript and SVG
09:33
2.9Pointer Events07:37
2.9
Pointer Events
07:37
2.10Animating SVG With JavaScript09:19
2.10
Animating SVG With JavaScript
09:19
2.11Clipping Paths and Masks07:56
2.11
Clipping Paths and Masks
07:56
2.12Animating SVG Using SMIL07:03
2.12
Animating SVG Using SMIL
07:03
2.13Further SMIL techniques11:11
2.13
Further SMIL techniques
11:11
3.Conclusion
3.1Summary04:55
3.1
Summary
04:55
