FC ConcursosFC Concursos

Questão FC546369

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ári

Desenvolvimento Web

FCC · 2025

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 <canvas> da HTML5. Com base nessas informações, é correto afirmar que:

  1. o <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. o método getContext("2d") é essencial para desenhar no <canvas>, pois ele fornece uma API que permite manipular gráficos bidimensionais.
  3. o 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. o elemento <canvas> substitui completamente o uso de imagens SVG, pois oferece maior controle sobre os gráficos rasterizados diretamente no navegador.
  5. para 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.
Mostrar resposta e comentário

Gabarito

B

Comentário do professor

getContext("2d") é o passo fundamental para desenhar em um elemento <canvas>. Esse método retorna um objeto do tipo CanvasRenderingContext2D, que é a interface JavaScript responsável por todas as operações de pintura em duas dimensões.

O contexto fornece métodos e propriedades para criar formas e estilos, por exemplo beginPath(), moveTo(), lineTo(), arc(), fill(), stroke(), além de atributos como fillStyle, strokeStyle e lineWidth.

Também permite transformações e controle de estado (como translate, rotate, scale, save e restore) e acesso aos pixels via getImageData e putImageData. Sem chamar getContext("2d") não há API disponível para desenhar no canvas; o elemento por si só é apenas uma área vazia no HTML.

Conteúdo do catálogo FC Concursos · Atualizado em

Continue aprendendo