Como transformar SVG em PNG Online em Node.js

Como converter SVG para PNG online em Node.js

SVG(Scalable Vector Graphics) define gráficos baseados em vetores que são populares para renderizar imagens bidimensionais. Por outro lado, o formato de imagem PNG é uma das melhores opções para um arquivo transparente baseado em raster. Ao trabalhar com pixels e transparência, os PNGs são uma escolha melhor do que os SVGs. O SVG também não funciona bem para imagens com muitos detalhes, texturas e qualidade como fotografia. Para tais cenários, você pode converter um arquivo SVG para o formato PNG online. Então, vamos dar uma olhada em como converter SVG para PNG online no Node.js.

Os seguintes tópicos serão abordados neste artigo:

Converter SVG para PNG API e Node.js SDK

Neste artigo, usaremos a poderosa biblioteca Node.js SDK do GroupDocs.Conversion Cloud para transformar o formato SVG em PNG no aplicativo Nodejs. Esta API permite que você converta seus documentos para qualquer formato que você precisar. Ele suporta a conversão para mais de 50 tipos de documentos e imagens como PDF, HTML, Word, Excel, PowerPoint, JPG, PNG, GIF, CAD etc. Ele também fornece .NET, Java, PHP, Ruby , Android e Python SDKs como membros da família de conversão de documentos para a Cloud API.

Instale a biblioteca de download gratuito do conversor GroupDocs.Conversion SVG para PNG em seus aplicativos Node.js usando o seguinte comando no console:

npm install groupdocs-conversion-cloud

Obtenha seu ID de cliente e Segredo do cliente no painel antes de começar a seguir as etapas e os exemplos de código disponíveis. Depois de ter seu ID e segredo, adicione o código conforme mostrado abaixo:

# Importe o SDK do Node.js em seu aplicativo de nó de http://api.groupdocs.cloud
global.groupdocs_conversion_cloud = require("groupdocs-conversion-cloud");
global.fs = require("fs");

// obtenha clientId e clientSecret em https://dashboard.groupdocs.cloud (é necessário 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";

Como converter imagem de SVG para PNG online em Node.js

Por favor, siga as instruções abaixo para converter o código SVG para PNG online conforme mencionado abaixo:

  1. Upload o arquivo SVG para a nuvem
  2. Converter SVG para PNG sem perder qualidade no Node.js
  3. Baixar o arquivo PNG convertido

Carregue a imagem

Em primeiro lugar, carregue o arquivo SVG para a nuvem usando o seguinte exemplo de código:

// abra o arquivo no IOStream da unidade do sistema.
var resourcesFolder = 'H:\\groupdocs-cloud-data\\sample-file.svg';
// ler arquivo
fs.readFile(resourcesFolder, (err, fileStream) => {
  // construir FileApi
  var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
  // criar solicitação de upload de arquivo
  var request = new groupdocs_conversion_cloud.UploadFileRequest("sample-file.svg", fileStream, myStorage);
  // subir arquivo
  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, o arquivo SVG carregado estará disponível na seção de arquivos do seu painel na nuvem.

Converta online SVG para PNG de alta qualidade em Node.js

Nesta seção, vamos converter o plano de fundo transparente SVG para PNG on-line programaticamente seguindo as etapas mencionadas abaixo:

  • Crie uma instância de ConvertApi
  • Em seguida, crie o objeto ConvertSettings
  • Forneça o nome do armazenamento em nuvem
  • Defina o caminho do arquivo SVG de entrada
  • Atribuir “png” ao formato
  • Forneça o caminho do arquivo de saída
  • Criar ConvertDocumentRequest
  • Por fim, altere SVG para PNG chamando o método ConvertApi.convertDocument() com as configurações de conversão.

O exemplo de código a seguir mostra como converter SVG online em PNG sem perder a qualidade usando a API REST no Node.js:

// Como converter imagem de SVG para PNG online em 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 {
    // Criar solicitação de conversão de documento
    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);
})
Como salvar SVG como formato PNG online usando Node.js

Converta online SVG para PNG de alta qualidade em Node.js

Baixe o arquivo convertido

O exemplo de código acima salvará o arquivo PNG convertido na nuvem. Você pode baixá-lo usando o seguinte exemplo de código:

// construa FileApi para baixar o arquivo convertido
var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
// criar solicitação de download de arquivo
let request = new groupdocs_conversion_cloud.DownloadFileRequest("nodejs-testing/sample-file.png", myStorage);
// arquivo de download e tipo de resposta Stream
fileApi.downloadFile(request)
    .then(function (response) {
        // salve o arquivo no diretório do 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);
    });

Converter arquivo SVG para PNG online no Node.js usando opções avançadas

Siga e execute as etapas mencionadas abaixo para converter imagens SVG em PNG com algumas configurações avançadas:

  • Em primeiro lugar, crie uma instância de ConvertApi
  • Criar instância ConvertSettings
  • Agora, defina o valor de armazenamento em nuvem
  • Defina o caminho do arquivo SVG como arquivo de entrada
  • Atribuir “png” ao formato
  • Definir PNGConvertOptions
  • Defina várias configurações de conversão, como escala de cinza, qualidade, rotateAngle, usePdf etc.
  • Em seguida, atribua convertOptions e o caminho do arquivo de saída
  • Criar ConvertDocumentRequest
  • Por fim, converta o documento SVG em imagem PNG chamando o método ConvertApi.convertDocument().

O exemplo de código a seguir mostra como transformar SVG em PNG de alta resolução usando opções avançadas de conversão:

// Como converter arquivo SVG para PNG online em Node.js usando opções avançadas

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 {
    // Criar solicitação de conversão de documento
    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);
})

Conversor Online Gratuito de SVG para PNG

Como converter SVG para PNG online grátis? Tente o seguinte conversor online de SVG para PNG grátis. É o melhor conversor de SVG para PNG para alterar SVG para PNG transparente online e foi desenvolvido usando a API acima.

Conclusão

Neste artigo, você aprendeu:

  • como converter SVG em PNG online no Nodejs na nuvem;
  • como transformar SVG em PNG transparente no Nodejs usando opções avançadas;
  • carregue programaticamente o arquivo e, em seguida, baixe o arquivo convertido da nuvem;
  • Conversor de SVG para PNG online grátis;

Você pode aprender mais sobre GroupDocs.Conversion Cloud API usando a documentação. Também fornecemos uma seção Referência de API que permite visualizar e interagir com nossas APIs diretamente pelo navegador.

Faça uma pergunta

Caso você tenha alguma dúvida relacionada ao conversor de arquivo SVG para PNG ao usar a API, sinta-se à vontade para nos contatar através do nosso fórum de suporte gratuito ao produto.

perguntas frequentes

Como faço para converter SVG para PNG usando Node.js?

Siga este link para aprender o trecho de código Node.js para transformar SVG em PNG de maneira fácil e rápida.

Como mudar de SVG para PNG online no Node.js usando a API REST?

Crie uma instância de ConvertApi, defina os valores das configurações de conversão e invoque o método convertDocument com ConvertDocumentRequest para converter um SVG em PNG.

Posso converter arquivos SVG para PNG gratuitamente?

Sim, você pode converter arquivos SVG para PNG gratuitamente usando online SVG file to PNG converter. O conversor online de SVG para PNG permite que você altere o arquivo SVG para o formato PNG rapidamente. Depois que o processo de conversão de SVG para PNG estiver concluído, você poderá baixar a imagem PNG da nuvem.

Como faço para converter SVG para PNG gratuitamente online?

  1. Abra nosso melhor software conversor de SVG para PNG.
  2. Clique dentro da área para soltar o arquivo para carregar o arquivo SVG ou arraste e solte o arquivo SVG.
  3. Clique no botão Converter agora para converter SVG para PNG com fundo transparente online.
  4. O link de download do arquivo de saída estará disponível para exportar SVG para PNG instantaneamente após a conversão.

Como instalar e baixar a biblioteca de conversão de SVG para PNG?

Baixe e instale a biblioteca JavaScript SVG para PNG para criar, processar e renderizar SVG para PNG de alta resolução programaticamente.

Como faço para converter SVG para PNG no Windows 10?

Visite este link para baixar conversor de SVG para PNG grátis. Este conversor gratuito de SVG para PNG converte um arquivo SVG para o formato PNG no Windows com um único clique.

Veja também

Recomendamos visitar os seguintes links relacionados para saber mais: