Adding Graphics to Web Pages Using Canvas and SVG

Focused View

Mike Van Sickle

1:42:00

17 View

01 - Course Overview

01 - Course Overview.mp4

01:34

02 - Using SVG to Create Images

02 - Introduction.mp4

04:09

03 - What Are Scalable Vector Graphics (SVG).mp4

02:19

04 - First Steps with SVG.mp4

01:17

05 - Drawing Basic Shapes.mp4

02:58

06 - Demo - Basic Shapes.mp4

12:49

07 - Drawing with Path Elements.mp4

02:32

08 - Demo - Path Elements.mp4

09:20

09 - Demo - Adding Text to SVG Documents.mp4

03:46

10 - Demo - Adding Images to SVG Documents.mp4

01:41

11 - Working with Gradient Fills.mp4

03:05

12 - Demo - Animating SVG Documents.mp4

05:51

13 - Summary.mp4

01:12

03 - Using Canvases to Create Images

14 - Introduction.mp4

01:05

15 - What Is the Canvas.mp4

02:31

16 - First Steps with Canvases.mp4

01:55

17 - Drawing Basic Shapes.mp4

04:51

18 - Demo - Basic Shapes.mp4

10:11

19 - Drawing with Path Elements.mp4

02:24

20 - Demo - Path Elements.mp4

07:21

21 - Demo - Adding Text to Canvases.mp4

06:24

22 - Demo - Adding Images to Canvases.mp4

02:36

23 - Working with Gradient Fills.mp4

02:32

24 - Demo - Sketching with Canvases.mp4

05:19

25 - Summary.mp4

02:18

Description

This course will teach you how to add custom graphics to your web pages using the HTML canvas and SVG documents.

What You'll Learn?

Humans are visual creatures and often look for ways to enhance our experiences with images and graphics. From understanding complex data sets via charts to getting the high score in the latest game, graphics are an important part of providing a positive experience for your users. In this course, Adding Graphics to Web Pages Using Canvas and SVG, you’ll learn to add custom graphics into web pages. First, you’ll explore how to create SVG documents and use them to create graphics that users can interact with. Next, you’ll discover what the canvas tag is and how it can also be used to allow users to create graphics using JavaScript APIs. Finally, you’ll learn how to choose whether SVGs or canvases are the best choice for the unique needs of your projects. When you’re finished with this course, you’ll have the skills and knowledge of web-based graphics needed to create rich and unique user experiences by adding custom graphics to your web pages.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Web Design

Graphic Design

Mike Van Sickle

Instructor's Courses

Michael Van Sickle is an application architect in Akron, Ohio. He started his career as a mechanical engineer, designing components for the automotive industry, before changing to software engineering. He is passionate about learning new programming languages and is comfortable working in Java, C#, JavaScript, PHP, and F#. Mike also loves learning about user experience design and is taking a lead role in his company's attempt to make applications that are elegant and simple. When he is not writing code, Mike loves to go camping and take long walks with his wife and two girls.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.