Kuis Canvas Interaktif — Creative Web

Kuis materi Canvas Interaktif di Creative Web — uji pemahamanmu dengan pertanyaan pilihan ganda, penjelasan jawaban, dan skor langsung. Main gratis di Hyper Sheets.

Pertanyaan di kuis ini

  1. Mengapa Canvas tidak memiliki event listener per-objek seperti DOM biasa?
  2. canvas.addEventListener("mousemove", (e) => {
  const rect = canvas.getBoundingClientRect();
  const mx = e.clientX - rect.left;
  const my = e.clientY - rect.top;
  const dx = mx - 200;
  const dy = my - 200;
  if (Math.sqrt(dx*dx + dy*dy) < 50) {
    canvas.style.cursor = "pointer";
  } else {
    canvas.style.cursor = "default";
  }
});
    Apa yang dilakukan kode ini?

  3. Stiker Raka berpusat di (235, 70) dengan jari-jari 28. Desainnya diseret dengan mulaiSeret, seret dan selesai dari pelajaran, dan titiknya sudah dalam satuan gambar. Isi posisi stiker setelah tiap event.