1. Producten
  2.   Afbeelding
  3.   JavaScript
  4.   Aspose.Imaging Cloud SDK for JavaScript

Aspose.Imaging Cloud SDK for JavaScript

 
 

JavaScript API voor het maken, beheren en converteren van afbeeldingen

Met een krachtige JavaScript-bibliotheek kunnen programmeurs PSD-, PNG-, JPG-, BMP-, TIFF- en GIF-afbeeldingsbestandsformaten maken, bewerken, het formaat ervan wijzigen, bijsnijden, roteren en converteren.

In het digitale tijdperk van vandaag spelen beeldverwerking en -manipulatie een cruciale rol in verschillende sectoren, waaronder webontwikkeling, grafisch ontwerp en multimediaproductie. Aspose.Imaging SDK voor JavaScript is een dominante software development kit (SDK) die uitgebreide mogelijkheden voor beeldverwerking biedt, waardoor softwareontwikkelaars moeiteloos geavanceerde functionaliteiten voor het maken, converteren en manipuleren van afbeeldingen in hun webapplicaties kunnen integreren. De SDK biedt naadloze integratie met populaire JavaScript-frameworks, waardoor deze geschikt is voor zowel nieuwe als bestaande projecten.

Aspose.Imaging Cloud SDK voor JavaScript voorziet softwareontwikkelaars van een uitgebreide set functies voor geavanceerde beeldverwerking. Of het nu gaat om het formaat wijzigen, bijsnijden, roteren, spiegelen, watermerken of het toepassen van filters, de SDK biedt een uitgebreid scala aan methoden en opties om deze taken eenvoudig uit te voeren. Softwareprogrammeurs kunnen deze functies gebruiken om afbeeldingen dynamisch aan de clientzijde te manipuleren, wat zorgt voor een verbeterde gebruikerservaring en de overhead van de serverzijde voor verwerking vermindert. Of ontwikkelaars nu een afbeelding moeten verkleinen voor responsief webdesign of watermerken moeten toevoegen om uw intellectuele eigendom te beschermen, Aspose.Imaging vereenvoudigt deze taken met zijn intuïtieve API.

De Aspose.Imaging Cloud SDK voor JavaScript ondersteunt een breed scala aan afbeeldingsformaten, wat zorgt voor compatibiliteit en flexibiliteit bij het verwerken van diverse afbeeldingsbestanden. Van populaire formaten zoals JPEG, PNG, PSD, WEBP en GIF tot industriestandaardformaten zoals TIFF, SVG en BMP, ontwikkelaars kunnen vertrouwen op de SDK om verschillende afbeeldingstypen zonder gedoe te verwerken. Er zijn ook enkele geavanceerde beeldbewerkingen en -transformaties die deel uitmaken van de bibliotheek, zoals het toepassen van artistieke effecten en filters, evenals het toevoegen van watermerken, annotaties en tekstoverlays. Met zijn brede scala aan functies, compatibiliteit met meerdere browsers en geoptimaliseerde prestaties is de SDK een geweldige tool voor softwareontwikkelaars om robuuste oplossingen voor beeldmanipulatie te bouwen die de gebruikerservaring verbeteren en innovatie in verschillende sectoren stimuleren.

Previous Next

Aan de slag met Aspose.Imaging Cloud SDK voor JavaScript

De aanbevolen manier om Aspose.Imaging Cloud SDK voor JavaScript te installeren is met behulp van npm. Gebruik de volgende opdracht voor een soepele installatie.

Aspose.Imaging Cloud SDK voor JavaScript installeren via NuGet

 npm i @asposecloud/aspose-imaging-cloud 
or 
npm install aspose-imaging-cloud –save

U kunt de bibliotheek rechtstreeks downloaden van de productpagina van Aspose.Imaging

Afbeeldingconversie naar andere formaten via JS API

Met Aspose.Imaging Cloud SDK voor JavaScript kunnen softwareontwikkelaars afbeeldingen laden en converteren naar verschillende andere ondersteunde bestandsformaten met slechts een paar regels JavaScript-code. De SDK ondersteunt conversie naar verschillende bestandsformaten zoals BMP, GIF, DJVU, WMF, EMF, JPEG, JPEG2000, PSD, TIFF, WEBP, PNG, DICOM, CDR, CMX, ODG, DNG, SVG, PDF en nog veel meer. Het volgende voorbeeld laat zien hoe u een afbeelding naar een PNG-bestandsformaat converteert via JavaScript.

Hoe kan ik een afbeelding converteren naar een PNG-formaat via de JavaScript API?

//Load Image

const Image = require('aspose.imaging');
const image = Image.load('path/to/input/image.jpg');

//Save image in PNG format

image.save('path/to/output/image.png', new ImageOptions.png());

//saves the image in JPEG format with a compression level of 75:

const options = new ImageOptions.jpeg();
options.setQuality(75);
image.save('path/to/output/image.jpg', options);

Afbeeldingseigenschappen ophalen en bijwerken via JavaScript-apps

Aspose.Imaging Cloud SDK voor JavaScript biedt volledige ondersteuning voor het verwerken van afbeeldingseigenschappen in JavaScript-applicaties. Met de API kunnen ontwikkelaars afbeeldingseigenschappen bijwerken, zoals achtergrondkleur, paginabreedte, paginahoogte, randbreedte en randhoogte. De bibliotheek heeft verschillende andere belangrijke functies opgenomen voor het werken met verschillende afbeeldingseigenschappen, zoals het ophalen van bestaande afbeeldingseigenschappen, het bijwerken van EMG- en WMF-afbeeldingseigenschappen, het beheren van GIF-eigenschappen, het bijwerken van EMF-afbeeldingseigenschappen, enzovoort.

Bestaande afbeeldingseigenschappen ophalen, wijzigen en opslaan via Java API

// load an image

const image = AsposeImaging.Image.load('path/to/image.jpg');

// access various properties of the loaded image

console.log('Image width:', image.getWidth());
console.log('Image height:', image.getHeight());
console.log('Image format:', image.getFileFormat());
console.log('Image resolution:', image.getResolutionSettings());
console.log('Image color mode:', image.getColorMode());

// modify certain image properties

const newWidth = 800;
const newHeight = 600;
image.resize(newWidth, newHeight);

// Save the modified image

const outputPath = 'path/to/output.jpg';
const options = new AsposeImaging.ImageOptions.JpegOptions();
options.setQuality(80); // Set JPEG quality to 80%
image.save(outputPath, options);

Filters toepassen op afbeeldingen via JavaScript API

Aspose.Imaging Cloud SDK voor JavaScript maakt het voor softwareontwikkelaars eenvoudig om een ​​afbeelding te laden vanaf een externe locatie via URL en filters toe te passen op de geladen afbeelding met behulp van JavaScript-opdrachten. Er zijn verschillende filteropties beschikbaar in de SDK, zoals BigRectangular, SmallRectangular, Median, GaussWiener, MotionWiener, GaussianBlur, Sharpen, BilateralSmoothing enzovoort. Het volgende voorbeeld laat zien hoe softwareontwikkelaars een afbeelding kunnen laden en verschillende typen filters kunnen toepassen in JavaScript-toepassingen.

Hoe pas ik filters toe op afbeeldingen via de JavaScript API?

//Load image
AsposeImaging.loadImage("path/to/image.jpg", function (image) {
  // Image loaded successfully
  image.filter(image.filterType.Grayscale); // Apply grayscale filter
  image.filter(image.filterType.Brightness, 0.5); // Apply brightness filter
  image.filter(image.filterType.Contrast, 1.2); // Apply contrast filter

  // Save the modified image
  image.save("path/to/modified_image.jpg", function () {
    // Image saved successfully
    console.log("Modified image saved");
  }, function (error) {
    // Error occurred while saving image
    console.log(error);
  });
}, function (error) {
  // Error occurred while loading image
  console.log(error);
});

Afbeeldingen verkleinen via JavaScript API

Met Aspose.Imaging Cloud SDK voor JavaScript kunnen softwareontwikkelaars verschillende soorten afbeeldingen verkleinen met slechts een paar regels JavaScript-code. De API biedt ondersteuning voor het schalen, bijsnijden, omdraaien en exporteren van een afbeelding in één API-aanroep. De SDK biedt ook ondersteuning voor het opslaan van een afbeelding in een ander formaat nadat de afbeelding is vergroot of verkleind. Het volgende voorbeeld laat zien hoe softwareontwikkelaars een JPG-afbeelding kunnen laden en vergroten of verkleinen in JavaScript-toepassingen.

Hoe kan ik de grootte van een JPG-afbeelding wijzigen via de JavaScript API?

const inputFileName = "input.jpg";
const outputFileName = "output.jpg";
const newWidth = 800;
const newHeight = 600;

imagingApi.createResizedImage(
  { name: inputFileName, format: "jpg" },
  newWidth,
  newHeight,
  null,
  null,
  null,
  null,
  null,
  ResizeType.LanczosResample,
  null,
  { folder: "inputFolder" }
).then((result) => {
  console.log("Image resized successfully");
  console.log(result);
}).catch((error) => {
  console.log("Error occurred:", error);
});
 Dutch