1. Produk
  2.   Imej
  3.   JavaScript
  4.   Jimp
 
  

Operasi Pemprosesan Imej Kompleks melalui API JavaScript 

Pustaka JavaScript Sumber Terbuka untuk melaksanakan tugasan penciptaan dan manipulasi imej lanjutan seperti mengubah saiz imej, melemparkan imej ke imej lain, mengaburkan imej, menskalakan imej dan banyak lagi. 

Jimp – Program Manipulasi Imej Javascript ialah perpustakaan Node.js sumber terbuka yang memberikan pembangun perisian keupayaan untuk melaksanakan operasi pemprosesan imej yang kompleks di dalam apl JavaScript mereka sendiri. Ia ditulis sepenuhnya dalam JavaScript untuk Node, tanpa sebarang kebergantungan luaran atau asli.

Perpustakaan ini sangat berguna untuk membangunkan apa-apa jenis aplikasi pemprosesan imej lanjutan dan benar-benar percuma jadi memberikan pembangun penyelesaian kos efektif dengan kemudahan penggunaan. Perpustakaan ini merangkumi beberapa ciri lanjutan yang berkaitan dengan penciptaan dan manipulasi imej seperti saiz semula imej, kualiti imej yang dipertingkatkan, memancarkan imej ke imej lain, mengaburkan imej, menskalakan imej, menggunakan kesan dither pada imej, membalikkan imej, menyongsangkan warna imej, putar imej, cetak teks pada imej dan banyak lagi.

Perpustakaan ini telah menyertakan sokongan untuk beberapa format imej lanjutan seperti BMP, GIF, JPEG, PNG, TIFF dan banyak lagi. Terdapat beberapa pemalam tambahan juga tersedia yang boleh digunakan untuk beberapa fungsi tambahan seperti pemalam bulatan yang boleh digunakan untuk membuat bulatan daripada imej dan pemalam bayang yang mencipta bayang pada imej. Terdapat pemalam kesan fisheye dan pemalam ambang tersedia.

Previous Next

Bermula dengan Jimp

Anda boleh memasang perpustakaan Jimp dengan mengeluarkan arahan mudah dalam Node. Gunakan arahan berikut. 

Pasang Jimp melalui NPM

npm install jimp

Ubah saiz Imej menggunakan Pustaka JavaScript

Pustaka Jimp sumber terbuka telah menyertakan fungsi untuk mengubah saiz imej dalam aplikasi JavaScript mereka sendiri. Mula-mula anda perlu menyediakan imej dan laluan lengkap kepadanya. Selepas itu anda boleh memberikan sama ada ketinggian atau lebar dan perpustakaan Jimp akan menskalakan imej dengan sewajarnya. Setelah berpuas hati, anda boleh simpan gambar di tempat pilihan anda. Anda juga boleh menskalakan imej dengan mudah dengan menyediakan lebar dan ketinggian tersuai dengan mengekalkan nisbah bidang.

Ubah saiz Imej melalui JavaScript

import jimp from 'jimp';
async function main() {
	// Read the image.
	const image = await jimp.read('test/image.png');
	// Resize the image to width 150 and auto height.
	await image.resize(150, jimp.AUTO);
	// Save and overwrite the image
	await image.writeAsync('test/image.png');
}
main();

Balik, Skala atau Putar Imej melalui JavaScript

Pustaka Jimp sumber terbuka juga telah menyediakan fungsi untuk beberapa ciri penting yang berkaitan dengan manipulasi imej. Ia membolehkan pembangun membalik serta menskalakan imej dengan hanya beberapa baris kod JavaScript. Fungsi flip akan membalikkan imej secara mendatar atau menegak. Tetapan lalai adalah untuk membalikkan imej secara mendatar. Fungsi putar akan memutarkan imej mengikut arah jam dan dimensi imej akan kekal sama.

Putar Imej melalui API JavaScript

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.rotate(90);
}
main();

Gunakan Gaussian & Campuran Warna pada Imej

Gaussian blur ialah kesan yang digunakan secara meluas dalam perisian grafik, biasanya untuk mengurangkan hingar imej dan mengurangkan perincian. Pustaka Jimp sumber terbuka membolehkan pengaturcara perisian menggunakan kabur Gaussian sebenar pada imej di dalam aplikasi mereka sendiri. Sila ambil perhatian bahawa pemprosesannya agak perlahan berbanding dengan fungsi perpustakaan lain. Perpustakaan ini juga menyokong ciri pencampuran warna dan ia mencampurkan warna mengikut nilai komponen RGB mereka dan jumlahnya ialah kelegapan warna tindanan.

Gunakan Gaussian pada Imej dalam Apl JavaScript

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.gaussian(15);
}
main();
 Melayu