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.
Author Name: Mike Van Sickle
Author Description:
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 i… more

Table of Contents

• 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