HTML5 Graphics

Level : Advanced
Mentor: Shailendra Chauhan
Duration : 00:00:30

Canvas Markup:

Canvas Markup involves creating a rectangular area on an HTML page, typically used for graphics rendering. You specify its size using attributes like width and height and can add styling with the style attribute.


<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"

The HTML <svg> element:

The HTML <svg> element is used to embed scalable vector graphics in web documents. SVGs are resolution-independent and can be manipulated with CSS and JavaScript for dynamic graphics.


<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />

Self-paced Membership
  • 22+ Video Courses
  • 800+ Hands-On Labs
  • 400+ Quick Notes
  • 55+ Skill Tests
  • 45+ Interview Q&A Courses
  • 10+ Real-world Projects
  • Career Coaching Sessions
  • Email Support
Upto 60% OFF
Know More
Still have some questions? Let's discuss.
Accept cookies & close this