Membuat Cloud dengan PaperJS

PaperJS merupakan kerangka scripting open source yang berjalan diatas canvas HTML5. Scripting ini menawarkan dokumen objek model yang banyak digunakan untuk membuar grafik vektor dan lekukan bazier. Semuanya dibungkus dengan rapi dan konsisten. Grafik yang akan kita buat pada canvas adalah grafik cloud dimana kita dapat membuat atau menggambar cloud diatas canvas dengan menggunakan mouse.

Bagaimana cara membuatnya silakan teman-teman buat terlebih dahulu code HTML5 seperti berikut.

Membuat-Cloud-dengan-PaperJS

Kemudian tambahkan script paperJS.

Membuat-Cloud-dengan-PaperJS

Selanjutnya buat script seperti dibawah ini.

Membuat-Cloud-dengan-PaperJS

Simpan dokumen diatas dengan nama cloud.html. Untuk melihat hasilnya silakan lihat demo dibawah ini.

DEMO

(mulai menggambar dengan cara melakukan drag pada canvas dibawah ini)

 

Terima kasih dan selamat mencoba.

6 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat