Vẽ Canvas trong HTML5 dễ dàng với Artisan
Artisan JS là một thư viện JavaScript giúp bạn vẽ trên trình duyệt dễ hơn với HTML5 canvas. Thư viện Artisan đưa ra các hàm vẽ và tạo style cho đối tượng nhanh hơn.
Cách sử dụng
Trước tiên bạn cần đưa artisan.js vào trong phần <head> của website:
<script src="artisan.js"></script>
Sau đó thêm một phần tử canvas vào trong <body>
<canvas id="draw_on_me" width="300" height="300"></canvas>
Dưới đây là đoạn mã vẽ hình tròn vào trong #draw_on_me có tâm cách trục x là 150px, cách trục y là 160px, bán kính 30px và có màu xanh:
<script> artisan.drawCircle(’draw_on_me’, 150, 160, 30, ‘#809CA7’); </script>
Bạn có thể xem thêm tài liệu về artisan tại trang chủ của thư viện
Bạn có thích bài viết này?
Neo
Nhìn mặt trời từ năm 1984 nhưng tới tận 2002 mới được thấy cái máy tính đầu tiên của mình. Đầu năm 2007 thì quyết định theo cái nghề cao quý là thiết kế web 
. Hiện mình đang sống tại Hà Nội. Sở thích: làm website và giúp đỡ mọi người phát triển website theo chiều hướng tốt đẹp hơn.