Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Creating Graphics with Canvas and SVG

via Pluralsight

Overview

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

Almost every web site needs some graphics to provide the best possible user experience. In this course, Creating Graphics with 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.

Syllabus

  • Course Overview 1min
  • Getting Started with Canvas and SVG Graphics 17mins
  • Drawing Basic Shapes 29mins
  • Creating Arbitrary Shapes with Paths 25mins
  • Adding Text to Custom Graphics 12mins
  • Importing Images into Custom Graphics 6mins
  • Exploring the Unique Strengths of Canvas and SVG Graphics 14mins

Taught by

Mike Van Sickle

Reviews

Start your review of Creating Graphics with Canvas and SVG

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.