Saya ingin menyempurnakan aplikasi menggambar yang saya buat dengan JS dengan memungkinkan pengguna menggambar berbagai bentuk. Saya ingin memudahkan pengguna dengan mengizinkan mereka menyeret bentuk-bentuk ini. Jadi saya menggunakan jCanvas, karena ia menawarkan cara sederhana untuk menyeret bentuk:
$("#can").drawRect({
draggable: true,
fillStyle: "#000",
width: 100, height: 100,
x: 100,
y: 100,
});
Masalahnya, saya memerlukan fungsi untuk menghapusnya lagi. Jadi saya membuat skrip ini:
<script>
$("#can").drawRect({
draggable: true,
fillStyle: "#000",
width: 100, height: 100,
x: 100,
y: 100,
});
$("#erase").click(function () {
$("#can").clearCanvas();
});
</script>
<canvas id="can" width="200px" height="150px"></canvas>
<button id="erase">Clear Canvas</button>
Tapi ini tidak berhasil. Ketika saya menghapus, semuanya terhapus pada awalnya, tetapi ketika saya mencoba menggambar di Kanvas, bentuknya muncul lagi.
Saya memeriksa kode jCanvas, dan tampaknya ia hanya menggambar banyak persegi panjang saat diseret, dan membersihkannya untuk menciptakan ilusi bentuk yang sedang diseret. Namun ketika ini terjadi, Kanvas yang telah dibersihkan akan menyusut kembali dan bentuknya terlihat kembali.
Apakah ada cara untuk menghapus bentuk itu selamanya? Atau apakah saya harus memuat ulang halaman agar bisa berfungsi?
Terima kasih sebelumnya