Toolkit

Panduan Pelukis

Lukis dan gambar di kanvas dengan set alat lengkap. Kuas bebas, bentuk, penghapus, teks, dan warna latar kustom — unduh sebagai PNG.

Kembali ke Pelukis

Apa yang dilakukan alat ini

Pelukis adalah alat menggambar berbasis kanvas sederhana. Gambar dengan kuas bebas, tambahkan bentuk (persegi panjang, lingkaran, garis), gunakan penghapus, tambahkan teks, dan atur warna latar kustom. Unduh kanvas sebagai PNG. Berguna untuk sketsa cepat, anotasi, diagram, dan seni sederhana. Semua gambar terjadi di browser—tidak ada server.

Cara menggunakannya

  1. Pilih alat — Pilih kuas, bentuk, penghapus, atau teks.
  2. Gambar — Klik dan seret untuk kuas atau bentuk. Klik untuk penempatan teks.
  3. Konfigurasi — Atur ukuran kuas, warna, dan isi. Untuk bentuk, pilih stroke dan isi.
  4. Latar belakang — Ubah warna latar kanvas jika diinginkan.
  5. Unduh — Simpan kanvas sebagai gambar PNG.
  6. Bersihkan — Reset kanvas untuk memulai dari awal.

Cara kerjanya

Kanvas adalah elemen HTML5 Canvas. Menggambar menggunakan konteks 2D: path untuk kuas dan penghapus, rect/arc/line untuk bentuk, fillText untuk teks. Event mouse/touch menangkap stroke dan bentuk. Status kanvas disimpan di memori; unduh menggunakan toDataURL('image/png'). Tidak ada pustaka eksternal untuk menggambar inti—vanilla canvas API. URL blob hanya digunakan untuk unduh.

Semua komputasi berjalan sepenuhnya di browser Anda. Tidak ada data yang dikirim ke server mana pun.

Kasus penggunaan & contoh

  • Sketsa — Gambar dan coretan cepat.
  • Anotasi — Tandai screenshot atau diagram.
  • Diagram — Flowchart atau wireframe sederhana.
  • Tanda tangan — Tangkap tanda tangan cepat.
  • Pengajaran — Demonstrasikan bentuk dan warna.

Contoh

  • Kuas, merah, ukuran 5 → Gambar garis bebas merah.
  • Alat persegi panjang → Klik dan seret untuk menggambar persegi panjang.
  • Alat teks → Klik untuk menempatkan teks; ketik di dialog.

Batasan & kendala

  • Tanpa lapisan — Satu lapisan; tidak ada undo/redo selain bersihkan.
  • Tanpa persistensi — Status kanvas hilang saat reload.
  • Alat dasar — Tidak ada gradien, pola, atau filter lanjutan.
  • Hanya PNG — Format unduh PNG; tidak ada ekspor JPEG atau SVG.

Semua perhitungan dan konversi berjalan sepenuhnya di browser Anda. Tidak ada data yang dikirim ke server mana pun, sehingga input Anda tidak pernah meninggalkan perangkat.