Görüntü İşleme için Açık Kaynak JavaScript Kitaplığı

Görüntüleri Akıllıca Kırpmak için Açık Kaynak API'sı

SmartCrop.js nedir?

SmartCrop.js, JavaScript geliştiricilerinin görüntüleri otomatik olarak kırpmasına olanak tanıyan ücretsiz ve açık kaynaklı bir API'dir. API, içeriğe duyarlıdır ve görüntüleri kırpmak için bir dizi algoritma kullanır. API, Laplace'ı kullanarak kenarları bulur, ten gibi renkli bölgeleri bularak yüzleri bulur, doygunluğu yüksek bölgeleri bulur ve görüntüyü işler. Belirli bir bölgeyi bulduktan sonra, API o bölgeyi güçlendirir ve bir dizi aday ürün oluşturur.

Görüntüyü kırparken HTMLImageElement, HTMLCanvasElement veya HTMLVideoElement kullanabilir ve minScale, width, height, boost ve ruleOfThirds dahil görüntü kırpma seçeneklerini ayarlayabilirsiniz.

Bir Bakışta

SmartCrop.js özelliklerine genel bakış.

Mahsul
Akıllı Kırpma
MinScale
Genişliği Ayarla
Yüksekliği Ayarla
Artırmak
Üçüncü Kural

SmartCrop.js

SmartCrop.js, aşağıda listelenen popüler Görüntü dosyası biçimlerini destekler.

Okuyucu

yazar

SmartCrop.js

Platform Bağımsızlığı

SmartCrop.js, Düğüm veya tarayıcılar vb. gibi birden çok ortamda kullanılabilir.

JavaScript

SmartCrop.js

SmartCrop.js'ye Başlarken

SmartCrop.js'yi NPM aracılığıyla kurmanın önerilen yolu. Lütfen yüklemek için aşağıdaki komutu kullanın.

SmartCrop.js'yi NPM aracılığıyla yükleyin

 npm install smartcrop

Ücretsiz JavaScript API ile Akıllı Kırpma Görüntüleri

Açık kaynak SmartCrop.js kitaplığı, JavaScript geliştiricilerinin görüntüleri programlı olarak akıllı kırpmalarına olanak tanır. API algoritmasına dayalı olarak, API yüksek doygunluk alanlarını bulur, ten tonlarıyla renk bulur, kenarları bulur ve görüntüyü kırpmak için akıllı bir tahmin sağlar. Görüntüyü akıllı kırpmak için API, smartcrop.crop(image, options) yöntemini sağlar. Yöntem, kırpma için görüntü ve görüntü seçeneklerini alır. Aşağıdaki bir kod satırını kullanarak, görüntünüz için kolayca akıllı bir kırpma elde edebilirsiniz.

JavaScript'te Akıllı Kırpma Görüntüsü

Kitaplığı İçe Aktar
Görüntüyü kırp

JavaScript'te Resmi Kırp

smartcrop.crop(image, { width: 100, height: 100 }).then(function(result) {
console.log(result);
});