1. Productos
  2.   Imagen
  3.   JavaScript
  4.   Aspose.Imaging Cloud SDK for JavaScript

Aspose.Imaging Cloud SDK for JavaScript

 
 

API de JavaScript para crear, administrar y convertir imágenes

Una potente biblioteca de JavaScript permite a los programadores crear, editar, redimensionar, recortar, rotar y convertir formatos de archivos de imagen PSD, PNG, JPG, BMP, TIFF y GIF.

En la era digital actual, el procesamiento y la manipulación de imágenes desempeñan un papel fundamental en diversas industrias, como el desarrollo web, el diseño gráfico y la producción multimedia. Aspose.Imaging SDK para JavaScript es un kit de desarrollo de software (SDK) dominante que proporciona capacidades integrales de procesamiento de imágenes que permiten a los desarrolladores de software incorporar sin esfuerzo funcionalidades avanzadas de creación, conversión y manipulación de imágenes en sus aplicaciones web. El SDK ofrece una integración perfecta con los marcos de JavaScript más populares, lo que lo hace adecuado tanto para proyectos nuevos como existentes.

Aspose.Imaging Cloud SDK para JavaScript proporciona a los desarrolladores de software un conjunto integral de funciones para el procesamiento avanzado de imágenes. Ya sea que se trate de cambiar el tamaño, recortar, rotar, voltear, agregar marcas de agua o aplicar filtros, el SDK ofrece una amplia gama de métodos y opciones para realizar estas tareas con facilidad. Los programadores de software pueden utilizar estas funciones para manipular imágenes de forma dinámica en el lado del cliente, lo que proporciona una experiencia de usuario mejorada y reduce la sobrecarga de procesamiento del lado del servidor. Ya sea que los desarrolladores necesiten cambiar el tamaño de una imagen para un diseño web responsivo o agregar marcas de agua para proteger su propiedad intelectual, Aspose.Imaging simplifica estas tareas con su API intuitiva.

El SDK de Aspose.Imaging Cloud para JavaScript admite una amplia gama de formatos de imagen, lo que garantiza la compatibilidad y la flexibilidad en el manejo de diversos archivos de imagen. Desde formatos populares como JPEG, PNG, PSD, WEBP y GIF hasta formatos estándar de la industria como TIFF, SVG y BMP, los desarrolladores pueden confiar en el SDK para manejar varios tipos de imágenes sin problemas. También hay algunas ediciones y transformaciones de imágenes avanzadas que forman parte de la biblioteca, como la aplicación de efectos y filtros artísticos, así como la adición de marcas de agua, anotaciones y superposiciones de texto. Con su amplia gama de funciones, compatibilidad entre navegadores y rendimiento optimizado, el SDK es una gran herramienta para que los desarrolladores de software creen soluciones de manipulación de imágenes sólidas que mejoren la experiencia del usuario e impulsen la innovación en varias industrias.

Previous Next

Introducción a Aspose.Imaging Cloud SDK para JavaScript

La forma recomendada de instalar Aspose.Imaging Cloud SDK para JavaScript es mediante npm. Utilice el siguiente comando para una instalación sin problemas.

Instalar Aspose.Imaging Cloud SDK para JavaScript a través de NuGet

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

Puede descargar la biblioteca directamente desde la página del producto Aspose.Imaging.

Conversión de imágenes a otros formatos mediante la API de JS

El SDK de Aspose.Imaging Cloud para JavaScript permite a los desarrolladores de software cargar y convertir imágenes a otros formatos de archivo compatibles con solo un par de líneas de código JavaScript. El SDK admite la conversión a varios formatos de archivo, como BMP, GIF, DJVU, WMF, EMF, JPEG, JPEG2000, PSD, TIFF, WEBP, PNG, DICOM, CDR, CMX, ODG, DNG, SVG, PDF y muchos más. El siguiente ejemplo muestra cómo convertir una imagen a un formato de archivo PNG mediante JavaScript.

¿Cómo convertir una imagen a formato PNG mediante la API de JavaScript?
//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);

Obtener y actualizar propiedades de imágenes mediante aplicaciones JavaScript

Aspose.Imaging Cloud SDK para JavaScript ha proporcionado soporte completo para manejar propiedades de imágenes dentro de aplicaciones JavaScript. La API permite a los desarrolladores actualizar propiedades de imágenes como color de fondo, ancho de página, alto de página, ancho de borde y alto de borde. La biblioteca ha incluido varias otras funciones importantes para trabajar con varias propiedades de imágenes, como obtener propiedades de imágenes existentes, actualizar propiedades de imágenes EMG y WMF, administrar propiedades GIF, actualizar propiedades de imágenes EMF, etc.

Obtener, modificar y guardar propiedades de imágenes existentes mediante la API de Java

// 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);

Aplicar filtros a imágenes mediante la API de JavaScript

El SDK de Aspose.Imaging Cloud para JavaScript permite a los desarrolladores de software cargar una imagen desde una ubicación remota mediante una URL y aplicar filtros a la imagen cargada mediante comandos de JavaScript. Hay varias opciones de filtro disponibles en el SDK, como BigRectangular, SmallRectangular, Median, GaussWiener, MotionWiener, GaussianBlur, Sharpen, BilateralSmoothing, etc. El siguiente ejemplo muestra cómo los desarrolladores de software pueden cargar una imagen y aplicarle distintos tipos de filtros dentro de las aplicaciones de JavaScript.

¿Cómo aplicar filtros a imágenes a través de la API de JavaScript?
//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);
});

Cambiar el tamaño de las imágenes mediante la API de JavaScript

El SDK de Aspose.Imaging Cloud para JavaScript permite a los desarrolladores de software cambiar el tamaño de varios tipos de imágenes con solo un par de líneas de código JavaScript. La API proporciona soporte para escalar, recortar, voltear y exportar una imagen en una sola llamada API. El SDK también proporciona soporte para guardar la imagen en otro formato después de cambiar el tamaño de la imagen. El siguiente ejemplo muestra cómo los desarrolladores de software pueden cargar y cambiar el tamaño de una imagen JPG dentro de aplicaciones JavaScript.

¿Cómo cambiar el tamaño de una imagen JPG mediante la API de JavaScript?
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);
});

 Español