TLDRAW Opensource Komponen React untuk Drawing Canvas


Jika kamu pernah membuka aplikasi seperti Photoshop, Corel Draw atau membuat sebuah flow chart dengan miro atau whimsical tentu kamu menjumpai sebuah tool untuk membuat atau memodifikasi sebuah objek, apakah sebuah gambar yang kemudian bisa diedit, dipotong, diberi warna, atau membuat sebuah objek berbentuk lingkaran atau lainnya.

Kadang kita berkeinginan untuk membuat hal yang sedimikian, tapi sayangnya hal tersebut bukanlah perkara yang mudah. Tapi, di jaman sekarang banyak sekali proyek-proyek open source yang dapat membantu kita dalam menyelesaikan suatu pekerjaan, sehingga kita tidak perlu lagi membuatnya dari awal. 

Sebagai programmer web, kita bisa membuat hal yang demikian dengan bantuan html5 dengan tag <canvas>. Dengan bantuan javascript, kita dapat memodifikasi canvas sesuai yang kita mau, seperti menambah gambar, membuat garis, menambah tulis dan lain sebagainya. Tapi, pada tulisan ini saya tidak akan membahas bagaimana cara memodifikasi canvas tersebut dengan javascript.

Dalam javascript, kita pasti sudah tidak asing lagi dengan sebuah library yang bernama React JS. Berbahagialah kamu jika kamu salah satu programmer yang menggunakan ReactJS, karena opensource ini ditujukan untuk pengguna ReactJS.

TLDRAW adalah sebuah aplikasi opensource yang dapat digunakan untuk membuat sebuah whiteboard secara digital, yang dibuat menggunakan ReactJS. Dalam repository nya, tldraw bahkan telah menyediakan versi web, embed dan juga desktop dengan bantuan electron. Proyek ini dapat anda lihat di repository resminya di https://github.com/tldraw/tldraw. Kamu bisa melihat apa saja yang bisa dilakukan oleh tldraw ini dengan menginstall contohnya di https://github.com/tldraw/tldraw/tree/main/examples/tldraw-example ataupun dengan mengakses websitenya di https://www.tldraw.com/ 

Posting Komentar

Post a Comment (0)

Lebih baru Lebih lama