Praktikum 4 - Image Editor dengan Caman Js
1. Tujuan
Mengenal cara menyajikan file gambar dilengkapi button filter menggunakan camanjs.
2. Alat
Notepad ++
3. Bahan
4. Dasar teori
Caman js
CamanJS kepanjangan dari Canvas Manipulation JavaScript adalah manipulasi kanvas dalam Javascript. Ini adalah kombinasi dari interface yang sederhana digunakan dengan teknik editing gambar / kanvas yang canggih dan efisien.
CamanJS sangat mudah untuk memperluas atau memberikan filter baru dan plugin, dan dilengkapi dengan beragam fungsi editing gambar. Camanjs adalah library independen yang bekerja baik dalam NodeJS dan browser.
5. Tugas Praktikum
Menyajikan gambar mengubah filter gambar.
Mengenal cara menyajikan file gambar dilengkapi button filter menggunakan camanjs.
2. Alat
Notepad ++
3. Bahan
4. Dasar teori
Caman js
CamanJS kepanjangan dari Canvas Manipulation JavaScript adalah manipulasi kanvas dalam Javascript. Ini adalah kombinasi dari interface yang sederhana digunakan dengan teknik editing gambar / kanvas yang canggih dan efisien.
CamanJS sangat mudah untuk memperluas atau memberikan filter baru dan plugin, dan dilengkapi dengan beragam fungsi editing gambar. Camanjs adalah library independen yang bekerja baik dalam NodeJS dan browser.
5. Tugas Praktikum
Menyajikan gambar mengubah filter gambar.
<!DOCTYPE html>
<html>
<head>
<script src='https://cdnjs.cloudflare.com/ajax/libs/camanjs/4.1.2/caman.full.min.js'></script>
<script type="text/javascript">
Caman('#my-image', function() {
this.brightness(10);
this.contrast(30);
this.sepia(60);
this.saturation(-30);
this.render()
});
</script>
</head>
<body>
<img id="my-image" src="pallet.jpg">
</body>
</html>
<html>
<head>
<title> Menambahkan Audio HTML5 </title>
</head>
<body>
<video id="pemain" src="video/Choir paduan suara korea.mp4"></video>
</body>
</html>
7. Referensi
http://www.sitepoint.com/manipulating-images-web-pages-camanjs/
Tidak ada komentar:
Posting Komentar