Pengenalan Canvas HTML 5

HTML 5 memperkenalkan <canvas> sebagai elemen baru, terutama untuk menggambar grafik menggunakan javascripts. Ia bisa menangani banyak tugas seperti alat bantu grafis sederhana [menggambar grafik], membuat komposisi foto dan membuat animasi dasar.

Tutorial langkah demi langkah menjelaskan cara mengimplementasikan elemen kanvas dalam aplikasi web WhatWG atau HTML 5. <canvas> elemen tidak terlalu sulit untuk digunakan, namun Anda perlu mengetahui dasar-dasar HTML dan Javascript.

Untuk Apa elemen <canvas> ?

Mewakili grafik sederhana atau diagram, user interface yang menarik, animasi sederhana, grafik dan gambar grafik, gambar tertanam aplikasi dan fitur yang disempurnakan dari keterbatasan CSS.

Apa fitur dalam elemen <canvas>?

- Alat bantu menggambar: Rectangles, Arc, Jalan dan menggambar Line, Bezier dan Kurva Kuadratik

- Efek: Fill dan Strokes, Shadows, Linear dan gradien radial, Alpha transparansi dan Komposisi

- Transformasi: Scaling, Rotasi, Translation, Transformasi matriks

- Data dalam dan keluar: Membuka gambar eksternal oleh link atau URL, URI data atau kanvas lain, mengambil sebuah representasi PNG sebuah kanvas sebagai data URL


Nah, bagi anda yang ingin mempelajarinya lebih dalam, saya akan memberikan link Download Cheat Sheet Canvas HTML5 ini untuk anda

DOWNLOAD [147,37 KB]