Konversi Gambar biasa ke Kanvas HTML5 Menggunakan Google Chrome


html5

Perkembangan website sekarang ini sudah semakin pesat, dengan kemunculan adanya HTML5 dan WebGL animasi di website akan semakin bagus dan kecepatan loadingnya semakin cepat di bandingkan dengan animasi yang menggunakan gambar atau flash.

Pada gambar yang menggunakan kanvas saat di muat akan lebih cepat dari pada menggunakan gambar biasa yang di upload pada hostingan. Karena pada gambar biasa, saat proses menampilkannya sama dengan mendownload gambar tersebut.

Baiklah, langsung saja saya berikan tutorialnya sesuai dengan judul postingan kali ini,

1. Drag gambar yang akan di konversi ke dalam Google Chrome

2. Jika sudah muncul gambarnya, klik kanan gambar tersebut dan klik inspect element

inspect-element

3. Klik alamat gambarnyainspect-element2

4. Klik kanan dan pilih Copy image URL

canvas-chrome

5. Coba kamu masukkan kode gambar tersebut ke dalam kode html berikut :

<img src=”kode_gambar”>

maka contoh hasilnya :

contoh kanvas HTML5

#selamat mencoba

2 thoughts on “Konversi Gambar biasa ke Kanvas HTML5 Menggunakan Google Chrome

  1. Terimakasih sangat membantu sekali!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s