Comment transformer SVG en PNG en ligne dans Node.js

Comment convertir SVG en PNG en ligne dans Node.js

SVG(Scalable Vector Graphics) définit les graphiques vectoriels qui sont populaires pour le rendu d’images en deux dimensions. D’autre part, le format d’image PNG est l’un des meilleurs choix pour un fichier transparent raster. Lorsque vous travaillez avec des pixels et de la transparence, les PNG sont un meilleur choix que les SVG. SVG ne fonctionne pas non plus bien pour les images avec beaucoup de détails, de textures et de qualité comme la photographie. Pour de tels scénarios, vous pouvez convertir un fichier SVG au format PNG en ligne. Voyons donc comment convertir SVG en PNG en ligne dans Node.js.

Les sujets suivants seront traités dans cet article :

Convertir l’API SVG en PNG et le SDK Node.js

Dans cet article, nous utiliserons la puissante bibliothèque Node.js SDK de GroupDocs.Conversion Cloud pour convertir le format SVG en PNG dans l’application Nodejs. Cette API vous permet de convertir vos documents dans n’importe quel format dont vous avez besoin. Il prend en charge la conversion pour plus de 50 types de documents et d’images tels que PDF, HTML, Word, Excel, PowerPoint, JPG, PNG, GIF, CAO, etc. Il fournit également .NET, Java, PHP, Ruby , Android et Python en tant que membres de la famille de conversion de documents pour l’API Cloud.

Installez la bibliothèque de téléchargement gratuite du convertisseur SVG en PNG GroupDocs.Conversion dans vos applications Node.js à l’aide de la commande suivante dans la console :

npm install groupdocs-conversion-cloud

Veuillez obtenir votre ID client et votre secret client à partir du tableau de bord avant de commencer à suivre les étapes et les exemples de code disponibles. Une fois que vous avez votre identifiant et votre secret, ajoutez le code comme indiqué ci-dessous :

# Importez le SDK Node.js dans votre application de nœud à partir de http://api.groupdocs.cloud
global.groupdocs_conversion_cloud = require("groupdocs-conversion-cloud");
global.fs = require("fs");

// obtenez clientId et clientSecret depuis https://dashboard.groupdocs.cloud (une inscription gratuite est requise).
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";

Comment convertir une image de SVG en PNG en ligne dans Node.js

Veuillez suivre les instructions ci-dessous pour convertir le code SVG en PNG en ligne comme mentionné ci-dessous :

  1. Télécharger le fichier SVG dans le cloud
  2. Convertir SVG en PNG sans perte de qualité dans Node.js
  3. Télécharger le fichier PNG converti

Télécharger l’image

Tout d’abord, chargez le fichier SVG dans le Cloud à l’aide de l’exemple de code suivant :

// ouvrez le fichier dans IOStream à partir de votre lecteur système.
var resourcesFolder = 'H:\\groupdocs-cloud-data\\sample-file.svg';
// lire le fichier
fs.readFile(resourcesFolder, (err, fileStream) => {
  // construire FileApi
  var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
  // créer une demande de téléchargement de fichier
  var request = new groupdocs_conversion_cloud.UploadFileRequest("sample-file.svg", fileStream, myStorage);
  // téléverser un fichier
  fileApi.uploadFile(request)
    .then(function (response) {
      console.log("Expected response type is FilesUploadResult: " + response.uploaded.length);
    })
    .catch(function (error) {
      console.log("Error: " + error.message);
    });
});

Par conséquent, le fichier SVG téléchargé sera disponible dans la section des fichiers de votre tableau de bord sur le cloud.

Conversion en ligne de SVG en PNG de haute qualité dans Node.js

Dans cette section, nous allons convertir en ligne par programmation un arrière-plan transparent SVG en PNG en suivant les étapes mentionnées ci-dessous :

  • Créer une instance de ConvertApi
  • Ensuite, créez un objet ConvertSettings
  • Indiquez le nom du stockage cloud
  • Définir le chemin du fichier SVG d’entrée
  • Attribuez “png” au format
  • Indiquez le chemin du fichier de sortie
  • Créer ConvertDocumentRequest
  • Enfin, changez SVG en PNG en appelant la méthode ConvertApi.convertDocument() avec les paramètres de conversion.

L’exemple de code suivant montre comment convertir en ligne SVG en PNG sans perte de qualité à l’aide de l’API REST dans Node.js :

// Comment convertir une image de SVG en PNG en ligne dans 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 {
    // Créer une demande de conversion de document
    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);
})
Comment enregistrer SVG au format PNG en ligne à l'aide de Node.js

Conversion en ligne de SVG en PNG de haute qualité dans Node.js

Télécharger le fichier converti

L’exemple de code ci-dessus enregistrera le fichier PNG converti sur le cloud. Vous pouvez le télécharger à l’aide de l’exemple de code suivant :

// construire FileApi pour télécharger le fichier converti
var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
// créer une demande de fichier de téléchargement
let request = new groupdocs_conversion_cloud.DownloadFileRequest("nodejs-testing/sample-file.png", myStorage);
// télécharger le fichier et le type de réponse Stream
fileApi.downloadFile(request)
    .then(function (response) {
        // enregistrer le fichier dans votre répertoire système
        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);
    });

Convertir un fichier SVG en PNG en ligne dans Node.js à l’aide des options avancées

Veuillez suivre et exécuter les étapes mentionnées ci-dessous pour convertir une image SVG en PNG avec quelques paramètres avancés :

  • Tout d’abord, créez une instance de ConvertApi
  • Créer une instance de ConvertSettings
  • Maintenant, définissez la valeur de stockage cloud
  • Définir le chemin du fichier SVG comme fichier d’entrée
  • Attribuez “png” au format
  • Définir PngConvertOptions
  • Définissez divers paramètres de conversion tels que niveaux de gris, qualité, rotationAngle, usePdf, etc.
  • Ensuite, attribuez convertOptions et le chemin du fichier de sortie
  • Créer ConvertDocumentRequest
  • Enfin, convertissez le document SVG en image PNG en appelant la méthode ConvertApi.convertDocument().

L’exemple de code suivant montre comment transformer SVG en PNG haute résolution à l’aide d’options de conversion avancées :

// Comment convertir un fichier SVG en PNG en ligne dans Node.js à l'aide des options avancées

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 {
    // Créer une demande de conversion de document
    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);
})

Convertisseur SVG en PNG gratuit en ligne

Comment convertir gratuitement SVG en PNG en ligne ? Veuillez essayer ce qui suit convertisseur SVG en PNG en ligne gratuit. C’est le meilleur convertisseur SVG en PNG pour changer SVG en PNG transparent en ligne et a été développé à l’aide de l’API ci-dessus.

Conclusion

Dans cet article, vous avez appris :

  • comment convertir SVG en PNG en ligne dans Nodejs sur le cloud ;
  • comment transformer SVG en PNG transparent dans Nodejs à l’aide d’options avancées ;
  • télécharger le fichier par programmation, puis télécharger le fichier converti à partir du cloud ;
  • Convertisseur SVG en PNG en ligne gratuit;

Vous pouvez en savoir plus sur l’API GroupDocs.Conversion Cloud à l’aide de la documentation. Nous fournissons également une section API Reference qui vous permet de visualiser et d’interagir avec nos API directement via le navigateur.

poser une question

Si vous avez des questions concernant le convertisseur de fichiers SVG en PNG lors de l’utilisation de l’API, n’hésitez pas à nous contacter via notre forum d’assistance produit gratuit.

FAQ

Comment convertir SVG en PNG en utilisant Node.js ?

Veuillez suivre ce lien pour apprendre l’extrait de code Node.js pour transformer facilement et rapidement SVG en PNG.

Comment passer de SVG à PNG en ligne dans Node.js à l’aide de l’API REST ?

Créez une instance de ConvertApi, définissez les valeurs des paramètres de conversion et appelez la méthode convertDocument avec ConvertDocumentRequest pour convertir un SVG en PNG.

Puis-je convertir gratuitement un fichier SVG en PNG ?

Oui, vous pouvez convertir gratuitement un fichier SVG en PNG en utilisant convertisseur de fichier SVG en PNG en ligne. Le convertisseur SVG en PNG en ligne vous permet de changer rapidement le fichier SVG au format PNG. Une fois le processus de conversion SVG en PNG terminé, vous pouvez télécharger l’image PNG depuis le cloud.

Comment puis-je convertir SVG en PNG gratuitement en ligne ?

  1. Ouvrez notre meilleur logiciel de conversion SVG vers PNG.
  2. Cliquez à l’intérieur de la zone de dépôt de fichier pour télécharger le fichier SVG ou faites glisser et déposez le fichier SVG.
  3. Cliquez sur le bouton Convertir maintenant pour convertir SVG en PNG avec un fond transparent en ligne.
  4. Le lien de téléchargement du fichier de sortie sera disponible pour exporter instantanément SVG vers PNG après la conversion.

Comment installer et télécharger la bibliothèque de conversion SVG en PNG ?

Téléchargez et installez la bibliothèque JavaScript SVG vers PNG pour créer, traiter et restituer SVG vers PNG haute résolution par programmation.

Comment convertir SVG en PNG dans Windows 10 ?

Veuillez visiter ce lien pour télécharger gratuitement le convertisseur SVG vers PNG. Ce convertisseur SVG vers PNG gratuit convertit un fichier SVG au format PNG dans Windows en un seul clic.

Voir également

Nous vous recommandons de visiter les liens connexes suivants pour en savoir plus :