Cómo transformar SVG a PNG en línea en Node.js

Cómo convertir SVG a PNG en línea en Node.js

SVG(Gráficos vectoriales escalables) define gráficos basados en vectores que son populares para representar imágenes bidimensionales. Por otro lado, el formato de imagen PNG es una de las mejores opciones para un archivo transparente basado en ráster. Cuando trabaja con píxeles y transparencia, los PNG son una mejor opción que los SVG. SVG tampoco funciona bien para imágenes con muchos detalles, texturas y calidad como fotografía. Para tales escenarios, puede convertir un archivo SVG a formato PNG en línea. Así que echemos un vistazo a cómo convertir SVG a PNG en línea en Node.js.

En este artículo se tratarán los siguientes temas:

Convierta SVG a PNG API y Node.js SDK

En este artículo, utilizaremos Node.js SDK de GroupDocs.Conversion Cloud una poderosa biblioteca para convertir el formato SVG a PNG en la aplicación Nodejs. Esta API le permite convertir sus documentos a cualquier formato que necesite. Admite la conversión para más de 50 tipos de documentos e imágenes como PDF, HTML, Word, Excel, PowerPoint, JPG, PNG, GIF, CAD, etc. También proporciona .NET, Java, PHP, Ruby , Android y Python SDK como sus miembros de la familia de conversión de documentos para la API de Cloud.

Instale la biblioteca de descarga gratuita del convertidor de SVG a PNG GroupDocs.Conversion en sus aplicaciones Node.js usando el siguiente comando en la consola:

npm install groupdocs-conversion-cloud

Obtenga su ID de cliente y Secreto de cliente del panel de control antes de comenzar a seguir los pasos y los ejemplos de código disponibles. Una vez que tenga su ID y secreto, agregue el código como se muestra a continuación:

# Importe el SDK de Node.js en su aplicación de nodo desde http://api.groupdocs.cloud
global.groupdocs_conversion_cloud = require("groupdocs-conversion-cloud");
global.fs = require("fs");

// obtenga clientId y clientSecret de https://dashboard.groupdocs.cloud (se requiere registro gratuito).
global.clientId = "xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx";
global.clientSecret = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
global.myStorage = "test-internal-storage";
const config = new groupdocs_conversion_cloud.Configuration(clientId, clientSecret);
config.apiBaseUrl = "https://api.groupdocs.cloud";

Cómo convertir una imagen de SVG a PNG en línea en Node.js

Siga las instrucciones a continuación para convertir el código SVG a PNG en línea como se menciona a continuación:

  1. Subir el archivo SVG a la nube
  2. Convertir SVG a PNG sin perder calidad en Node.js
  3. Descargar el archivo PNG convertido

Sube la imagen

En primer lugar, suba el archivo SVG a la nube utilizando el siguiente ejemplo de código:

// abra el archivo en IOStream desde la unidad de su sistema.
var resourcesFolder = 'H:\\groupdocs-cloud-data\\sample-file.svg';
// leer archivo
fs.readFile(resourcesFolder, (err, fileStream) => {
  // construir FileApi
  var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
  // crear solicitud de carga de archivo
  var request = new groupdocs_conversion_cloud.UploadFileRequest("sample-file.svg", fileStream, myStorage);
  // subir archivo
  fileApi.uploadFile(request)
    .then(function (response) {
      console.log("Expected response type is FilesUploadResult: " + response.uploaded.length);
    })
    .catch(function (error) {
      console.log("Error: " + error.message);
    });
});

Como resultado, el archivo SVG cargado estará disponible en la sección de archivos de su tablero en la nube.

Convertir en línea SVG a PNG de alta calidad en Node.js

En esta sección, vamos a convertir un fondo transparente de SVG a PNG en línea mediante programación siguiendo los pasos que se mencionan a continuación:

  • Crea una instancia de ConvertApi
  • A continuación, cree el objeto ConvertSettings
  • Proporcione el nombre de almacenamiento en la nube
  • Establecer la ruta del archivo SVG de entrada
  • Asignar “png” al formato
  • Proporcione la ruta del archivo de salida
  • Crear ConvertDocumentRequest
  • Finalmente, cambie SVG a PNG llamando al método ConvertApi.convertDocument() con la configuración de conversión.

El siguiente ejemplo de código muestra cómo convertir SVG en línea a PNG sin perder calidad usando REST API en Node.js:

// Cómo convertir una imagen de SVG a PNG en línea en Node.js

const convert = async () => {
  const convertApi = groupdocs_conversion_cloud.ConvertApi.fromKeys(clientId, clientSecret);

  const settings = new groupdocs_conversion_cloud.ConvertSettings();
  settings.storageName = myStorage;
  settings.filePath = "nodejs-testing/sample-file.svg";
  settings.format = "png";
  settings.outputPath = "nodejs-testing/sample-file.png";

  try {
    // Crear solicitud de documento de conversión
    const request = new groupdocs_conversion_cloud.ConvertDocumentRequest(settings);
    await convertApi.convertDocument(request);
  }
  catch (err) {
    throw err;
  }
}

convert()
.then(() => {
  console.log("Successfully converted SVG to PNG without losing quality.");
})
.catch((err) => {
  console.log("Error occurred while converting SVG document:", err);
})
Cómo guardar SVG como formato PNG en línea usando Node.js

Convierta en línea SVG a PNG de alta calidad en Node.js

Descargar el archivo convertido

El ejemplo de código anterior guardará el archivo PNG convertido en la nube. Puede descargarlo utilizando el siguiente ejemplo de código:

// construir FileApi para descargar el archivo convertido
var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
// crear solicitud de archivo de descarga
let request = new groupdocs_conversion_cloud.DownloadFileRequest("nodejs-testing/sample-file.png", myStorage);
// descargar archivo y tipo de respuesta Stream
fileApi.downloadFile(request)
    .then(function (response) {
        // guardar el archivo en el directorio de su sistema
        fs.writeFile("H:\\groupdocs-cloud-data\\sample-file.png", response, "binary", function (err) { });
        console.log("Expected response type is Stream: " + response.length);
    })
    .catch(function (error) {
        console.log("Error: " + error.message);
    });

Convierta un archivo SVG a PNG en línea en Node.js usando las opciones avanzadas

Siga y ejecute los pasos que se mencionan a continuación para convertir una imagen SVG a PNG con algunas configuraciones avanzadas:

  • En primer lugar, cree una instancia de ConvertApi
  • Crear instancia de ConvertSettings
  • Ahora, establezca el valor de almacenamiento en la nube
  • Establecer la ruta del archivo SVG como archivo de entrada
  • Asignar “png” al formato
  • Definir opciones de conversión de Png
  • Establezca varias configuraciones de conversión, como escala de grises, calidad, ángulo de rotación, usePdf, etc.
  • A continuación, asigne convertOptions y la ruta del archivo de salida
  • Crear ConvertDocumentRequest
  • Finalmente, convierta el documento SVG a una imagen PNG llamando al método ConvertApi.convertDocument().

El siguiente ejemplo de código muestra cómo convertir SVG en PNG de alta resolución usando opciones de conversión avanzadas:

// Cómo convertir archivos SVG a PNG en línea en Node.js usando opciones avanzadas

const convert_options = async () => {
  const convertApi = groupdocs_conversion_cloud.ConvertApi.fromKeys(clientId, clientSecret);

  const settings = new groupdocs_conversion_cloud.ConvertSettings();
  settings.storageName = myStorage;
  settings.filePath = "nodejs-testing/sample-file.svg";
  settings.format = "png";
  
  convertOptions = new groupdocs_conversion_cloud.PngConvertOptions()
  convertOptions.grayscale = true;
  convertOptions.fromPage = 1;
  convertOptions.pagesCount = 1;
  convertOptions.quality = 100;
  convertOptions.rotateAngle = 90;
  convertOptions.usePdf = false;

  settings.convertOptions = convertOptions;
  settings.outputPath = "nodejs-testing/sample-file.png";

  try {
    // Crear solicitud de documento de conversión
    const request = new groupdocs_conversion_cloud.ConvertDocumentRequest(settings);
    await convertApi.convertDocument(request);
  }
  catch (err) {
    throw err;
  }
}

convert_options()
.then(() => {
  console.log("Successfully render SVG to PNG format with advanced options.");
})
.catch((err) => {
  console.log("Error occurred while converting the SVG file:", err);
})

Convertidor de SVG a PNG gratuito en línea

¿Cómo convertir SVG a PNG en línea gratis? Intente lo siguiente conversor gratuito de SVG a PNG en línea. Es el mejor convertidor de SVG a PNG para cambiar SVG a PNG transparente en línea y se ha desarrollado utilizando la API anterior.

Conclusión

En este artículo, has aprendido:

  • cómo convertir SVG a PNG en línea en Nodejs en la nube;
  • cómo convertir SVG a PNG transparente en Nodejs usando opciones avanzadas;
  • cargue el archivo mediante programación y luego descargue el archivo convertido de la nube;
  • Conversor de SVG a PNG en línea gratis;

Puede obtener más información sobre GroupDocs.Conversion Cloud API utilizando la documentación. También proporcionamos una sección Referencia de API que le permite visualizar e interactuar con nuestras API directamente a través del navegador.

Hacer una pregunta

En caso de que tenga alguna consulta relacionada con el convertidor de archivos SVG a PNG mientras usa la API, no dude en contactarnos a través de nuestro foro gratuito de soporte de productos.

preguntas frecuentes

¿Cómo convierto SVG a PNG usando Node.js?

Siga este enlace para aprender el fragmento de código de Node.js para transformar SVG a PNG fácil y rápidamente.

¿Cómo cambiar de SVG a PNG en línea en Node.js usando REST API?

Cree una instancia de ConvertApi, establezca los valores de la configuración de conversión e invoque el método convertDocument con ConvertDocumentRequest para convertir un SVG a PNG.

¿Puedo convertir un archivo SVG a PNG de forma gratuita?

Sí, puede convertir un archivo SVG a PNG gratis usando convertidor de archivos SVG a PNG en línea. El convertidor de SVG a PNG en línea le permite cambiar el archivo SVG al formato PNG rápidamente. Una vez que se completa el proceso de conversión de SVG a PNG, puede descargar la imagen PNG de la nube.

¿Cómo convierto SVG a PNG gratis en línea?

  1. Abra nuestro mejor software de conversión de SVG a PNG.
  2. Haga clic dentro del área de colocación de archivos para cargar el archivo SVG o arrastre y suelte el archivo SVG.
  3. Haga clic en el botón Convertir ahora para convertir SVG a PNG con fondo transparente en línea.
  4. El enlace de descarga del archivo de salida estará disponible para exportar SVG a PNG instantáneamente después de la conversión.

¿Cómo instalar y descargar la biblioteca de conversión de SVG a PNG?

Descargue e instale la biblioteca JavaScript de SVG a PNG para crear, procesar y renderizar SVG a PNG de alta resolución mediante programación.

¿Cómo convierto SVG a PNG en Windows 10?

Visite este enlace para descargar el convertidor de SVG a PNG gratis. Este convertidor gratuito de SVG a PNG convierte un archivo SVG a formato PNG en Windows con un solo clic.

Ver también

Recomendamos visitar los siguientes enlaces relacionados para obtener más información: