Cara Membuat Gambar Bisa Diputar

Sudahkah anda mengisi " RUANG SAHABAT "
blog ini ? Kalau belum, isilah terlebih dahulu ...
sebelum anda menggunakan tutorial ini.

Maksud dari judul di atas adalah gambarnya bisa

dirotate canvas seperti pada program Photoshop.

Dengan dilengkapi tombol pemutar, maka gambar

anda tersebut bisa diputar 90 derajat ke kiri atau

ke kanan dan bisa juga diputar 180 derajat sehingga

gambarnya jadi terbalik. Biar anda lebih jelas lagi,

silahkan anda coba klik tombol berikut pada gambar

yang tertera seperti di bawah ini :

Nah, sekarang kita ke langkah cara membuatnya :

1.   Rancangan -> Tambah Gadget
      -> HTML/JavaScript.

2.   Copy kode di bawah lalu paste-kan dalam
      konten HTML/JavaScript tersebut.

<script src="http://h1.ripway.com/syamsudin/rotate.js" type="text/javascript"></script>

<input onclick="rotate(0);" type="button" value="0°" /><input onclick="rotate(90);" type="button" value="90°CW" /><input onclick="rotate(-90);" type="button" value="90°CCW" /><input onclick="rotate(180);" type="button" value="180°" />
<p>
<img id="image" src="URL gambar anda disini" />

</p>
<p>
<canvas id="canvas"></canvas>
</p>

KETERANGAN :

Masukkan URL gambar anda pada kode
URL gambar anda disini

Semoga anda suka, good luck!