We may earn an affiliate commission when you visit our partners.
Creating Graphics with Canvas and SVG
Mike Van Sickle
Mike Van Sickle
This course will teach you how to add custom graphics to your web pages using the HTML canvas and SVG documents.
Read more
This course will teach you how to add custom graphics to your web pages using the HTML canvas and SVG documents.
Read more
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.
Register for this course and see more details by visiting:
OpenCourser.com/course/hn0tr1/creating
What's inside
Syllabus
Course Overview
Getting Started with Canvas and SVG Graphics
Drawing Basic Shapes
Creating Arbitrary Shapes with Paths
Read more
Syllabus
Course Overview
Getting Started with Canvas and SVG Graphics
Drawing Basic Shapes
Creating Arbitrary Shapes with Paths
Read more
Adding Text to Custom Graphics
Importing Images into Custom Graphics
Exploring the Unique Strengths of Canvas and SVG Graphics
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Provides foundational instruction that aligns with industry standards best practices
Students will learn how to create interactive graphics and add them to web pages
Explorez both SVG and Canvas for graphic creation and choose the best for their needs
Teaches skills and knowledge that are highly relevant in both industry and academia
Provides a comprehensive study of graphics and their implementation on web pages
Introduces software that is widely used in industry
Save this course
Save Creating Graphics with Canvas and SVG to your list so you can find it easily later:
Save
Save
Activities
Coming soon
We're preparing activities for
Creating Graphics with Canvas and SVG.
These are activities you can do either before, during, or after a course.
Career center
Learners who complete Creating Graphics with Canvas and SVG will develop knowledge and skills
that may be useful to these careers:
Web Developer
Web Developer
Web Developers are responsible for building and maintaining websites and web applications. This course can help Web Developers build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and functional websites.
This course covers topics such as drawing basic shapes, creating arbitrary shapes with paths, and adding text to custom graphics, all of which are essential skills for Web Developers to have in order to create visually engaging websites.
Front-End Developer
Front-End Developer
Front-End Developers are responsible for the user-facing side of websites and web applications. This course can help Front-End Developers build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and interactive user interfaces.
This course covers topics such as creating arbitrary shapes with paths, importing images into custom graphics, and adding text to custom graphics, all of which are essential skills for Front-End Developers to have in order to create visually engaging user interfaces.
User Experience (UX) Designer
User Experience (UX) Designer
User Experience (UX) Designers are responsible for making digital products easy and enjoyable to use. This course can help UX Designers build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and user-friendly interfaces.
This course covers topics such as creating basic shapes, adding text to custom graphics, and importing images into custom graphics, all of which are essential skills for UX Designers to have in order to create engaging and effective user interfaces.
Product Designer
Product Designer
Product Designers are responsible for designing and developing digital products. This course can help Product Designers build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and user-friendly products.
This course covers topics such as creating basic shapes, adding text to custom graphics, and importing images into custom graphics, all of which are essential skills for Product Designers to have in order to create engaging and effective products.
Software Engineer
Software Engineer
Software Engineers are responsible for designing, developing, and maintaining software systems. This course may be useful for Software Engineers who want to build a foundation in creating custom graphics for web pages, which is an important skill for creating user interfaces for software applications.
This course covers topics such as creating basic shapes, drawing arbitrary shapes with paths, and importing images into custom graphics, all of which are essential skills for Software Engineers to have in order to create visually appealing user interfaces.
Instructional Designer
Instructional Designer
Instructional Designers develop, implement, and evaluate instructional programs and materials. This course can help Instructional Designers build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and engaging learning experiences.
This course covers topics such as creating basic shapes, adding text to custom graphics, and importing images into custom graphics, all of which are essential skills for Instructional Designers to have in order to create engaging and effective learning experiences.
Information Architect
Information Architect
Information Architects are responsible for organizing, structuring, and labeling web sites, intranets, online communities, and software applications to make them easy to find and use. This course can help Information Architects build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and user-friendly information architectures.
This course covers topics such as creating basic shapes, adding text to custom graphics, and importing images into custom graphics, all of which are essential skills for Information Architects to have in order to create engaging and effective information architectures.
Graphic designer
Graphic designer
Graphic Designers are responsible for creating visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course can help Graphic Designers build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and engaging designs.
This course covers topics such as creating basic shapes, drawing arbitrary shapes with paths, adding text to custom graphics, and importing images into custom graphics, all of which are essential skills for Graphic Designers to have in order to create visually appealing designs.
E-Learning Developer
E-Learning Developer
E-Learning Developers design, develop, and deliver online courses and learning experiences. This course can help E-Learning Developers build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and engaging online learning experiences.
This course covers topics such as creating basic shapes, adding text to custom graphics, and importing images into custom graphics, all of which are essential skills for E-Learning Developers to have in order to create engaging and effective online learning experiences.
Animator
Animator
Animators create visual special effects, animated characters, and other moving images for use in movies, television, video games, and other media. This course may be useful for Animators who want to build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and engaging animations.
This course covers topics such as creating basic shapes, drawing arbitrary shapes with paths, and importing images into custom graphics, all of which are essential skills for Animators to have in order to create visually appealing animations.
Game Designer
Game Designer
Game Designers create the overall concept, rules, and other gameplay elements of video games. This course may be useful for Game Designers who want to build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and engaging game experiences.
This course covers topics such as creating basic shapes, drawing arbitrary shapes with paths, and adding text to custom graphics, all of which are essential skills for Game Designers to have in order to create visually appealing game experiences.
Technical Writer
Technical Writer
Technical Writers create documentation, such as user manuals, training guides, and reference materials, to help users understand and use technical products and services. This course may be useful for Technical Writers who want to build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and easy-to-understand documentation.
This course covers topics such as creating basic shapes, drawing arbitrary shapes with paths, and adding text to custom graphics, all of which are essential skills for Technical Writers to have in order to create visually appealing documentation.
Video Editor
Video Editor
Video Editors edit video footage to create finished videos. This course may be useful for Video Editors who want to build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and engaging videos.
This course covers topics such as creating basic shapes, drawing arbitrary shapes with paths, and adding text to custom graphics, all of which are essential skills for Video Editors to have in order to create visually appealing videos.
Photographer
Photographer
Photographers take pictures of people, places, and things. This course may be useful for Photographers who want to build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and engaging photographs.
This course covers topics such as creating basic shapes, drawing arbitrary shapes with paths, and importing images into custom graphics, all of which are essential skills for Photographers to have in order to create visually appealing photographs.
Data Scientist
Data Scientist
Data Scientists use their knowledge of mathematics, statistics, and computer science to extract knowledge from data. This course may be useful for Data Scientists who want to build a foundation in creating custom graphics for web pages, which is an important skill for creating visually appealing and easy-to-understand data visualizations.
For more career information including salaries, visit:
OpenCourser.com/course/hn0tr1/creating
Reading list
We've selected 11 books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
Creating Graphics with Canvas and SVG.
Save
Is an excellent introduction to SVG. It covers the basics of SVG, including how to create shapes, paths, and text. It also provides an overview of SVG interactivity and animation.
Provides a comprehensive overview of SVG. It covers everything from the basics of SVG to advanced topics such as SVG animation and interactivity.
Save
Provides a comprehensive overview of computer graphics, including topics such as 2D and 3D graphics, animation, and image processing.
Provides an introduction to computer graphics, including interactive graphics, using OpenGL.
Provides a step-by-step guide to creating interactive web graphics with Canvas. It covers a variety of topics, including drawing shapes, creating animations, and working with touch events.
Save
Provides a detailed introduction to RenderMan, a powerful tool for creating CGI for motion pictures.
Provides a comprehensive overview of the Canvas 2D API. It covers everything from the basics of the API to advanced topics such as creating animations and working with touch events.
Provides an introduction to the art of computer graphics programming.
Save
Provides a detailed guide to OpenGL programming.
Provides an introduction to physics for game developers.
Provides an overview of game engine architecture.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/hn0tr1/creating
Share
Similar courses
Here are nine courses similar to
Creating Graphics with Canvas and SVG.
Adding Graphics to Web Pages Using Canvas and SVG
OpenCourser.com/course/rp8ye8/adding
Adding Graphics to Web Pages Using Canvas and SVG
Most relevant
Rapid Website Design with Bootstrap
OpenCourser.com/course/chcmui/rapid
Rapid Website Design with Bootstrap
Most relevant
SVG Fundamentals
OpenCourser.com/course/gkeor7/svg
SVG Fundamentals
Most relevant
Getting Started with Django CMS
OpenCourser.com/course/6qfb0a/getting
Getting Started with Django CMS
Most relevant
Pygal 2: Python Data Playbook
OpenCourser.com/course/zr9i90/pygal
Pygal 2: Python Data Playbook
Most relevant
Programming Foundations with JavaScript, HTML and CSS
OpenCourser.com/course/sricdt/programming
Programming Foundations with JavaScript, HTML and CSS
Creating Responsive Pages with CSS FlexBox
OpenCourser.com/course/2udt5c/creating
Creating Responsive Pages with CSS FlexBox
Introduction to D3.js
OpenCourser.com/course/m8wp0y/introduction
Introduction to D3.js
Optimizing and Deploying a Website
OpenCourser.com/course/kp2vnh/optimizing
Optimizing and Deploying a Website
Time
107 hours
Level
Intermediate
Via
Pluralsight
Instructor
Mike Van Sickle
Language
English
Good to know
Provides foundational instruction that aligns with industry standards best practices
Students will learn how to create interactive graphics and add them to web pages
Explorez both SVG and Canvas for graphic creation and choose the best for their needs
Teaches skills and knowledge that are highly relevant in both industry and academia
Provides a comprehensive study of graphics and their implementation on web pages
Introduces software that is widely used in industry
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser