Alternativa correta: B

Tema central da questão:

A questão aborda o uso do elemento <canvas> em páginas web. Canvas é fundamental no desenvolvimento de aplicações interativas, como desenhos e jogos, diretamente no navegador. Para concursos públicos de programação front end, é essencial entender como integrar HTML com JavaScript para manipulação gráfica.

Resumo teórico:

O <canvas> é um elemento da HTML5 que oferece uma área desenhável via JavaScript. Ele não possui métodos nativos em HTML para desenhar formas: toda manipulação ocorre usando código JavaScript.

O método getContext("2d") é o principal acesso à API do canvas, permitindo desenhar linhas, círculos, retângulos, textos e imagens em duas dimensões. Sem esse método, o canvas é apenas um espaço vazio.

Referência: MDN Web Docs - Guia do Canvas

Justificativa da alternativa correta (B):

A alternativa B está correta porque getContext("2d") é realmente essencial para desenhar no canvas. Ele retorna um objeto que dá acesso às funções que criam gráficos bidimensionais.

Exemplo:

const canvas = document.getElementById('meuCanvas');
const ctx = canvas.getContext('2d');
ctx.fillRect(10, 10, 100, 100); // desenha um retângulo

Análise das alternativas incorretas:

A — Incorreta. O canvas é indicado para qualquer tipo de desenho gráfico, simples ou complexo.

C — Incorreta. O canvas não desenha formas apenas com HTML; JavaScript é obrigatório.

D — Incorreta. Canvas não substitui SVG; ambos têm propósitos diferentes. SVG é melhor para gráficos vetoriais, canvas para gráficos dinâmicos.

E — Incorreta. Os atributos width e height devem ser definidos no próprio elemento HTML, não apenas via CSS.

Estratégias de interpretação:

Leia atentamente termos como “apenas”, “obrigatório” e “diretamente”, que muitas vezes indicam pegadinhas. Relembre quando cada tecnologia (canvas, SVG, CSS) é realmente necessária.

Gostou do comentário? Deixe sua avaliação aqui embaixo!

Vamos analisar cada alternativa:

A) Falsa. O  pode ser usado tanto para desenhos simples (como formas geométricas) quanto para animações complexas. Ele é flexível e adequado para ambos os cenários.

B) Verdadeira. O método  é essencial para desenhar no , pois retorna um objeto que fornece métodos e propriedades para renderização 2D. Sem ele, não é possível desenhar no elemento.

C) Falsa. O  não possui métodos nativos em HTML5 para desenhar diretamente no código HTML. Ele depende do JavaScript para manipulação via API (como o contexto 2D ou WebGL).

D) Falsa. O  não substitui o SVG, pois são tecnologias diferentes: o  renderiza gráficos rasterizados (baseados em pixels), enquanto o SVG é vetorial (baseado em formas matemáticas). Cada um tem seus casos de uso específicos.

E) Falsa. O  aceita os atributos  e  diretamente no HTML (não apenas no CSS). Definir essas propriedades no CSS pode distorcer o conteúdo do canvas, pois elas apenas escalonam o elemento, não alteram sua resolução interna.

Resposta correta: B)

O método  é essencial para desenhar no , pois ele fornece uma API que permite manipular gráficos bidimensionais.

DeepSeek