Open Source JavaScript-bibliotheek voor beeldverwerking
Open Source API voor het slim bijsnijden van afbeeldingen
Wat is SmartCrop.js?
SmartCrop.js is een gratis en open-source API waarmee JavaScript-ontwikkelaars afbeeldingen automatisch kunnen bijsnijden. De API is op de hoogte van de inhoud en gebruikt een reeks algoritmen om afbeeldingen bij te snijden. De API vindt randen met behulp van de Laplace, vindt gezichten door regio's met een kleur zoals huid te vinden, vindt regio's met een hoge verzadiging en verwerkt de afbeelding. Nadat een specifieke regio is gevonden, stimuleert de API die regio en genereert een reeks kandidaat-gewassen.
Tijdens het bijsnijden van de afbeelding kunt u HTMLImageElement, HTMLCanvasElement of HTMLVideoElement gebruiken en opties voor het bijsnijden van afbeeldingen instellen, waaronder minScale, width, height, boost en ruleOfThirds.
Aan de slag met SmartCrop.js
De aanbevolen manier om SmartCrop.js via NPM te installeren. Gebruik de volgende opdracht om het te installeren.
Installeer SmartCrop.js via NPM
npm install smartcrop Afbeeldingen slim bijsnijden via gratis JavaScript-API
Met de open source SmartCrop.js-bibliotheek kunnen JavaScript-ontwikkelaars afbeeldingen programmatisch slim bijsnijden. Op basis van het API-algoritme vindt de API gebieden met een hoge verzadiging, vindt kleur met huidtinten, vindt randen en biedt een slimme gok om de afbeelding bij te snijden. Om de afbeelding slim bij te snijden, biedt de API de methode smartcrop.crop(image, options). De methode krijgt afbeeldings- en afbeeldingsopties voor de uitsnede. Door de volgende regel code te gebruiken, kunt u eenvoudig een slimme uitsnede voor uw afbeelding krijgen
Afbeelding slim bijsnijden in JavaScript
- Bibliotheek importeren
- Afbeelding bijsnijden
Afbeelding bijsnijden in JavaScript
smartcrop.crop(image, { width: 100, height: 100 }).then(function(result) {
console.log(result);
});
