Jak převést SVG na PNG Online v Node.js

Jak převést SVG na PNG online v Node.js

SVG(Scalable Vector Graphics) definuje vektorovou grafiku, která je oblíbená pro vykreslování dvourozměrných obrázků. Na druhou stranu je formát obrázku PNG jednou z nejlepších voleb pro rastrový transparentní soubor. Když pracujete s pixely a průhledností, PNG jsou lepší volbou než SVG. SVG také nefunguje dobře pro obrázky se spoustou detailů, textur a kvality, jako je fotografie. Pro takové scénáře můžete převést soubor SVG do formátu PNG online. Pojďme se tedy podívat, jak převést SVG na PNG online v Node.js.

V tomto článku se budou zabývat následujícími tématy:

Převést SVG na PNG API a Node.js SDK

V tomto článku použijeme Node.js SDK of GroupDocs.Conversion Cloud výkonnou knihovnu k převedení SVG do formátu PNG v aplikaci Nodejs. Toto rozhraní API vám umožňuje převádět dokumenty do libovolného formátu, který potřebujete. podporuje konverzi pro více než 50 typů dokumentů a obrázků, jako jsou PDF, HTML, Word, Excel, PowerPoint, JPG, PNG, GIF, CAD atd. Poskytuje také .NET, Java, PHP, Ruby , Android a Python SDK jako členové rodiny převodů dokumentů pro Cloud API.

Nainstalujte si zdarma staženou knihovnu GroupDocs.Conversion SVG na PNG převodník do vašich aplikací Node.js pomocí následujícího příkazu v konzole:

npm install groupdocs-conversion-cloud

Než začnete postupovat podle kroků a dostupných příkladů kódu, získejte své ID klienta a tajný klíč klienta z dashboard. Jakmile budete mít své ID a tajemství, přidejte kód, jak je uvedeno níže:

# Importujte Node.js SDK do své aplikace uzlu z http://api.groupdocs.cloud
global.groupdocs_conversion_cloud = require("groupdocs-conversion-cloud");
global.fs = require("fs");

// získejte clientId a clientSecret z https://dashboard.groupdocs.cloud (je nutná bezplatná registrace).
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";

Jak převést obrázek z SVG do PNG online v Node.js

Chcete-li převést kód SVG na PNG online, postupujte podle níže uvedených pokynů:

  1. Nahrát soubor SVG do cloudu
  2. Převést SVG na PNG bez ztráty kvality v Node.js
  3. Stáhnout převedený soubor PNG

Nahrajte obrázek

Nejprve nahrajte soubor SVG do cloudu pomocí následující ukázky kódu:

// otevřete soubor v IOStream ze systémového disku.
var resourcesFolder = 'H:\\groupdocs-cloud-data\\sample-file.svg';
// číst soubor
fs.readFile(resourcesFolder, (err, fileStream) => {
  // vytvořit FileApi
  var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
  // vytvořit žádost o nahrání souboru
  var request = new groupdocs_conversion_cloud.UploadFileRequest("sample-file.svg", fileStream, myStorage);
  // nahrát soubor
  fileApi.uploadFile(request)
    .then(function (response) {
      console.log("Expected response type is FilesUploadResult: " + response.uploaded.length);
    })
    .catch(function (error) {
      console.log("Error: " + error.message);
    });
});

V důsledku toho bude nahraný soubor SVG dostupný v sekce souborů vašeho řídicího panelu v cloudu.

Online převod SVG na PNG ve vysoké kvalitě v Node.js

V této části se chystáme převést SVG na průhledné pozadí PNG online programově podle následujících kroků:

  • Vytvořte instanci ConvertApi
  • Dále vytvořte objekt ConvertSettings
  • Zadejte název cloudového úložiště
  • Nastavte cestu k vstupnímu souboru SVG
  • Přiřaďte „png“ formátu
  • Zadejte cestu k výstupnímu souboru
  • Vytvořte ConvertDocumentRequest
  • Nakonec změňte SVG na PNG voláním metody ConvertApi.convertDocument() s nastavením převodu.

Následující příklad kódu ukazuje, jak převést online SVG na PNG bez ztráty kvality pomocí REST API v Node.js:

// Jak převést obrázek z SVG do PNG online v 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 {
    // Vytvořit žádost o převod dokumentu
    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);
})
Jak uložit SVG jako formát PNG online pomocí Node.js

Online převod SVG na PNG ve vysoké kvalitě v Node.js

Stáhněte si převedený soubor

Výše uvedená ukázka kódu uloží převedený soubor PNG do cloudu. Můžete si jej stáhnout pomocí následující ukázky kódu:

// konstrukci FileApi ke stažení převedeného souboru
var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
// vytvořit žádost o stažení souboru
let request = new groupdocs_conversion_cloud.DownloadFileRequest("nodejs-testing/sample-file.png", myStorage);
// stáhnout soubor a typ odpovědi Stream
fileApi.downloadFile(request)
    .then(function (response) {
        // uložte soubor do svého systémového adresáře
        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);
    });

Převeďte soubor SVG na PNG Online v Node.js pomocí pokročilých možností

Chcete-li převést obrázek SVG na PNG s některými pokročilými nastaveními, postupujte podle níže uvedených kroků a proveďte je:

  • Nejprve vytvořte instanci ConvertApi
  • Vytvořte instanci ConvertSettings
  • Nyní nastavte hodnotu cloudového úložiště
  • Nastavte cestu k souboru SVG jako vstupní soubor
  • Přiřaďte „png“ formátu
  • Definujte PngConvertOptions
  • Nastavte různá nastavení převodu, jako jsou stupně šedi, kvalita, úhel otočení, usePdf atd.
  • Dále přiřaďte convertOptions a cestu k výstupnímu souboru
  • Vytvořte ConvertDocumentRequest
  • Nakonec převeďte dokument SVG na obrázek PNG voláním metody ConvertApi.convertDocument().

Následující příklad kódu ukazuje, jak převést SVG na PNG s vysokým rozlišením pomocí pokročilých možností převodu:

// Jak převést soubor SVG na PNG Online v Node.js pomocí pokročilých možností

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 {
    // Vytvořit žádost o převod dokumentu
    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);
})

Zdarma online konvertor SVG do PNG

Jak převést SVG do PNG online zdarma? Vyzkoušejte prosím následující online převodník SVG na PNG zdarma. Je to nejlepší převodník SVG na PNG pro změnu SVG na PNG transparentní online a byl vyvinut pomocí výše uvedeného API.

Závěr

V tomto článku jste se dozvěděli:

  • jak převést SVG na PNG online v Nodejs v cloudu;
  • jak převést SVG na transparentní PNG v Nodejs pomocí pokročilých možností;
  • programově nahrajte soubor a poté stáhněte převedený soubor z cloudu;
  • Převodník SVG na PNG online zdarma;

Další informace o GroupDocs.Conversion Cloud API se můžete dozvědět pomocí dokumentace. Poskytujeme také sekci API Reference, která vám umožní vizualizovat a pracovat s našimi API přímo prostřednictvím prohlížeče.

Položit otázku

V případě jakýchkoliv souvisejících dotazů týkajících se převodníku souborů SVG na PNG při používání API nás prosím neváhejte kontaktovat prostřednictvím našeho bezplatného fóra podpory produktů.

Nejčastější dotazy

Jak převedu SVG na PNG pomocí Node.js?

Sledujte tento odkaz a naučte se úryvek kódu Node.js pro snadnou a rychlou transformaci SVG na PNG.

Jak přejít z SVG na PNG online v Node.js pomocí REST API?

Vytvořte instanci ConvertApi, nastavte hodnoty nastavení převodu a vyvolejte metodu convertDocument pomocí ConvertDocumentRequest pro převod SVG na PNG.

Mohu zdarma převést soubor SVG na PNG?

Ano, soubor SVG můžete převést na PNG zdarma pomocí online převodníku SVG na PNG. Online převodník SVG na PNG vám umožňuje rychle změnit soubor SVG na formát PNG. Jakmile je proces převodu SVG na PNG dokončen, můžete si stáhnout obrázek PNG z cloudu.

Jak převedu SVG do PNG zdarma online?

  1. Otevřete náš nejlepší software pro převod SVG na PNG.
  2. Kliknutím do oblasti přetažení souboru nahrajete soubor SVG nebo přetáhnete soubor SVG.
  3. Kliknutím na tlačítko Převést nyní převedete SVG na PNG s průhledným pozadím online.
  4. Odkaz na stažení výstupního souboru bude k dispozici pro export SVG do PNG okamžitě po konverzi.

Jak nainstalovat a stáhnout knihovnu převodníku SVG do PNG?

Stáhněte si a nainstalujte knihovnu JavaScriptu SVG do PNG, abyste mohli programově vytvářet, zpracovávat a vykreslovat SVG do PNG ve vysokém rozlišení.

Jak převedu SVG na PNG ve Windows 10?

Navštivte prosím tento odkaz a stáhněte si zdarma převodník SVG na PNG. Tento bezplatný převaděč SVG na PNG převádí soubor SVG do formátu PNG v systému Windows jediným kliknutím.

Viz také

Chcete-li se dozvědět více, doporučujeme navštívit následující související odkazy: