MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda


SYAMSUDINNAMAKU telah hadir

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!


0 comments:

Posting Komentar