Pular para o conteúdo principal

Questão de Programação — Programação de front end — FCC 2025

ProgramaçãoProgramação de front end
Código
fc073876
Banca
FCC
Órgão
SEFAZ-PI
Ano
2025
Nível
Superior
Cargo
Analista do Tesouro Estadual - Área de Conhecimento: Tecnologia da Informação (prova 2)
Uma equipe de tecnologia de uma organização pública estadual está desenvolvendo um portal interativo com fins educativos. Eles decidiram incluir uma funcionalidade em que os usuários possam desenhar formas geométricas simples, como círculos e quadrados, diretamente no navegador. Para isso, foi sugerido o uso do elemento
  1. Ao <canvas> só pode ser usado para animações complexas, como jogos, e não é adequado para desenhos simples como formas geométricas básicas.
  2. Bo método getContext ("2d") é essencial para desenhar no <canvas> pois ele fornece uma API que permite manipular gráficos bidimensionais.
  3. Co elemento <canvas> pode ser usado sem JavaScript, pois ele possui métodos nativos na HTML5 para desenhar formas como retângulos e círculos diretamente no código HTML.
  4. Do elemento <canvas> substitui completamente o uso de imagens SVG, pois oferece maior controle sobre os gráficos rasterizados diretamente no navegador.
  5. Epara o <canvas> funcionar corretamente, é necessário definir os atributos width e height no CSS, já que o elemento não aceita essas propriedades diretamente no HTML.
Revelar gabarito e comentário

GabaritoB — o método getContext ("2d") é essencial para desenhar no <canvas> pois ele fornece uma API que permite manipular gráficos bidimensionais.

Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.

Canvas: uso e contexto 2D

Gabarito: letra B. O elemento <canvas> requer JavaScript para desenhar e o método getContext('2d') é essencial para obter a API de desenho bidimensional. As demais alternativas contêm erros conceituais.

Alternativa A — ❌ Incorreta

O <canvas> pode ser usado para qualquer tipo de desenho, desde simples formas geométricas até animações complexas. Não há restrição de complexidade.

Alternativa B — ✅ Correta ⟵ GABARITO

Para desenhar no <canvas>, é necessário obter o contexto de renderização. O getContext('2d') retorna um objeto que fornece métodos e propriedades para desenhar gráficos bidimensionais, como fillRect, arc, beginPath, etc.

Alternativa C — ❌ Incorreta

O <canvas> não possui métodos nativos para desenhar diretamente no HTML. Todo desenho deve ser feito via JavaScript, manipulando o contexto 2D.

Alternativa D — ❌ Incorreta

Canvas e SVG são tecnologias diferentes: canvas é raster (baseado em pixels) e SVG é vetorial. Cada um tem suas vantagens e não há substituição completa.

Alternativa E — ❌ Incorreta

O elemento <canvas> aceita os atributos width e height diretamente no HTML para definir o tamanho da área de desenho. O CSS pode ser usado para estilização, mas não substitui os atributos HTML.

Link permanente: /questoes/fc073876