What is the main advantage of using HTML5's <canvas> element?

Question

Options

• AIt can display vector-based graphics.
• BIt automatically adjusts the image size.
• CIt is primarily used for embedding PDF documents.
• DIt enhances the security of the graphics displayed.

• A
  93% (28)
• C
  3% (1)
• D
  3% (1)

Explanation

HTML5's <canvas> element provides a bitmap drawing surface where JavaScript can render vector-based and raster graphics dynamically, making option A correct - it supports drawing shapes, paths, and graphics programmatically using 2D/WebGL contexts.

Option B is wrong because <canvas> has fixed pixel dimensions (defaulting to 300×150) and does not auto-scale or respond to content - you must handle resizing manually. Option C is wrong because <canvas> has nothing to do with PDFs; <embed> or <iframe> are used for that. Option D is wrong because <canvas> provides no built-in security features - content rendered on it is actually less secure in some ways (e.g., fingerprinting attacks).

Memory tip: Think of <canvas> as a blank artist's canvas - you bring the paintbrush (JavaScript) and draw whatever you want, pixel by pixel. It's about drawing, not displaying, auto-sizing, embedding, or securing.

No community discussion yet for this question.