GabaritoB — <canvas>
Gabarito: letra B. O elemento <canvas> é o único projetado para desenhar gráficos bitmap (pixel-based) por meio de scripts, como JavaScript, utilizando a Canvas API. Os demais elementos têm finalidades distintas: <figure> para conteúdo autossuficiente, <picture> para imagens responsivas, <svg> para gráficos vetoriais e <data> para dados legíveis por máquina.
A banca explora a confusão comum entre SVG (vetorial) e Canvas (bitmap). Lembre: SVG usa XML para desenhar formas vetoriais; Canvas desenha pixels via JavaScript.
O elemento <figure> serve para agrupar conteúdo ilustrativo (como imagens, diagramas, trechos de código) e sua legenda (<figcaption>). Não é projetado para desenho programático.
O <canvas> é um elemento HTML5 que cria uma área de bitmap na qual se pode desenhar utilizando a Canvas API (contexto 2d ou webgl), com JavaScript. É ideal para renderização dinâmica de gráficos, jogos e visualizações.
O elemento <picture> permite fornecer múltiplas fontes de imagem para diferentes condições (resolução, formato) e exige uma tag `` como fallback. Não serve para desenho.
O <svg> (Scalable Vector Graphics) é usado para descrever gráficos vetoriais em XML. Embora também possa ser manipulado via JavaScript, sua natureza é vetorial, não bitmap, e não é projetado para desenho pixel a pixel como o Canvas.
O elemento <data> representa conteúdo genérico com valor legível por máquina (value). É usado para associar dados a conteúdo textual, não para gráficos.
Elemento | Finalidade |
|---|---|
| Desenho bitmap via script |
| Conteúdo ilustrativo autossuficiente |
| Imagens responsivas com múltiplas fontes |
| Gráficos vetoriais baseados em XML |
| Dados legíveis por máquina |
Gabarito: letra B.
Link permanente: /questoes/fg078365