Lessons:15Length:2.1 hours
- Overview
- Transcript
2.2 Adding SVG to the Page
In this lesson you'll learn all of the different methods for getting an SVG onto a web page. You'll see the different elements that you can use, along with the pros and cons of using each element. You'll also see how to add SVG using CSS as well as base-64 encoded strings.
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
