Node.js에서 SVG를 PNG 온라인으로 변환하는 방법

Node.js에서 온라인으로 SVG를 PNG로 변환하는 방법

SVG(Scalable Vector Graphics)는 2차원 이미지 렌더링에 널리 사용되는 벡터 기반 그래픽을 정의합니다. 반면 PNG 이미지 형식은 래스터 기반 투명 파일에 가장 적합한 형식 중 하나입니다. 픽셀 및 투명도로 작업할 때 PNG가 SVG보다 더 나은 선택입니다. SVG는 또한 사진과 같이 세부 사항, 질감 및 품질이 많은 이미지에는 적합하지 않습니다. 이러한 경우 온라인에서 SVG 파일을 PNG 형식으로 변환할 수 있습니다. 이제 Node.js에서 온라인으로 SVG를 PNG로 변환하는 방법을 살펴보겠습니다.

이 문서에서는 다음 항목을 다룹니다.

SVG를 PNG API 및 Node.js SDK로 변환

이 기사에서는 GroupDocs.Conversion Cloud의 Node.js SDK 강력한 라이브러리를 사용하여 Nodejs 애플리케이션에서 SVG를 PNG 형식으로 변환합니다. 이 API를 사용하면 문서를 필요한 형식으로 변환할 수 있습니다. PDF, HTML, Word, Excel, PowerPoint, JPG, PNG, GIF, CAD 등과 같은 50개 이상의 문서 및 이미지에 대한 변환을 지원합니다. 또한 .NET, Java, PHP, Ruby도 제공합니다. , Android 및 Python SDK를 Cloud API용 문서 변환 제품군으로 사용합니다.

콘솔에서 다음 명령을 사용하여 GroupDocs.Conversion SVG to PNG 변환기 무료 다운로드 라이브러리를 Node.js 애플리케이션에 설치합니다.

npm install groupdocs-conversion-cloud

단계와 사용 가능한 코드 예제를 시작하기 전에 대시보드에서 클라이언트 ID와 클라이언트 암호를 얻으십시오. ID와 시크릿이 있으면 아래와 같이 코드를 추가합니다.

# http://api.groupdocs.cloud에서 노드 애플리케이션의 Node.js SDK 가져오기
global.groupdocs_conversion_cloud = require("groupdocs-conversion-cloud");
global.fs = require("fs");

// https://dashboard.groupdocs.cloud에서 clientId 및 clientSecret을 가져옵니다(무료 등록 필요).
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";

Node.js에서 이미지를 SVG에서 PNG 온라인으로 변환하는 방법

아래에 언급된 대로 온라인에서 SVG 코드를 PNG로 변환하려면 아래 지침을 따르십시오.

  1. 업로드 SVG 파일을 클라우드로
  2. 변환 Node.js에서 품질 손실 없이 SVG를 PNG로
  3. 다운로드 변환된 PNG 파일

이미지 업로드

먼저 다음 코드 샘플을 사용하여 SVG 파일을 클라우드에 업로드합니다.

// 시스템 드라이브에서 IOStream의 파일을 엽니다.
var resourcesFolder = 'H:\\groupdocs-cloud-data\\sample-file.svg';
// 파일 읽기
fs.readFile(resourcesFolder, (err, fileStream) => {
  // FileApi 구성
  var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
  // 업로드 파일 요청 생성
  var request = new groupdocs_conversion_cloud.UploadFileRequest("sample-file.svg", fileStream, myStorage);
  // 파일 업로드
  fileApi.uploadFile(request)
    .then(function (response) {
      console.log("Expected response type is FilesUploadResult: " + response.uploaded.length);
    })
    .catch(function (error) {
      console.log("Error: " + error.message);
    });
});

결과적으로 업로드된 SVG 파일은 클라우드 대시보드의 파일 섹션에서 사용할 수 있습니다.

Node.js에서 SVG를 PNG 고품질로 온라인 변환

이 섹션에서는 아래 언급된 단계에 따라 프로그래밍 방식으로 온라인에서 SVG를 PNG 투명 배경으로 변환할 것입니다.

  • ConvertApi의 인스턴스 생성
  • 다음으로 ConvertSettings 개체를 만듭니다.
  • 클라우드 저장소 이름 제공
  • 입력 SVG 파일 경로 설정
  • 형식에 “png” 할당
  • 출력 파일 경로 제공
  • ConvertDocumentRequest 만들기
  • 마지막으로 변환 설정으로 ConvertApi.convertDocument() 메서드를 호출하여 SVG를 PNG로 변경합니다.

다음 코드 예제는 Node.js에서 REST API를 사용하여 품질 손실 없이 온라인 SVG를 PNG로 변환하는 방법을 보여줍니다.

// Node.js에서 이미지를 SVG에서 PNG 온라인으로 변환하는 방법

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 {
    // 변환 문서 요청 생성
    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);
})
Node.js를 사용하여 온라인에서 SVG를 PNG 형식으로 저장하는 방법

Node.js에서 SVG를 PNG 고품질로 온라인 변환

변환된 파일 다운로드

위의 코드 샘플은 변환된 PNG 파일을 클라우드에 저장합니다. 다음 코드 샘플을 사용하여 다운로드할 수 있습니다.

// FileApi를 구성하여 변환된 파일 다운로드
var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
// 다운로드 파일 요청 생성
let request = new groupdocs_conversion_cloud.DownloadFileRequest("nodejs-testing/sample-file.png", myStorage);
// 다운로드 파일 및 응답 유형 스트림
fileApi.downloadFile(request)
    .then(function (response) {
        // 시스템 디렉토리에 파일 저장
        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);
    });

고급 옵션을 사용하여 Node.js에서 SVG 파일을 PNG 온라인으로 변환

몇 가지 고급 설정을 사용하여 SVG 이미지를 PNG로 변환하려면 아래 언급된 단계를 따르고 실행하십시오.

  • 먼저 ConvertApi 인스턴스를 만듭니다.
  • ConvertSettings 인스턴스 만들기
  • 이제 클라우드 스토리지 값을 설정하십시오.
  • SVG 파일 경로를 입력 파일로 설정
  • 형식에 “png” 할당
  • PngConvertOptions 정의
  • 그레이스케일, 품질, rotateAngle, usePdf 등과 같은 다양한 변환 설정을 지정합니다.
  • 다음으로 convertOptions 및 출력 파일 경로를 지정합니다.
  • ConvertDocumentRequest 만들기
  • 마지막으로 ConvertApi.convertDocument() 메서드를 호출하여 SVG 문서를 PNG 이미지로 변환합니다.

다음 코드 예제는 고급 변환 옵션을 사용하여 SVG를 PNG 고해상도로 변환하는 방법을 보여줍니다.

// 고급 옵션을 사용하여 Node.js에서 SVG 파일을 PNG 온라인으로 변환하는 방법

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 {
    // 변환 문서 요청 생성
    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);
})

온라인에서 무료 SVG를 PNG로 변환

온라인에서 SVG를 PNG로 무료로 변환하는 방법은 무엇입니까? 다음 온라인 SVG-PNG 변환기 무료을 사용해 보십시오. 온라인에서 SVG를 PNG로 투명하게 변경하는 최고의 SVG to PNG 변환기이며 위의 API를 사용하여 개발되었습니다.

결론

이 문서에서는 다음을 배웠습니다.

  • 클라우드의 Nodejs에서 온라인으로 SVG를 PNG로 변환하는 방법
  • 고급 옵션을 사용하여 Nodejs에서 SVG를 투명 PNG로 전환하는 방법
  • 프로그래밍 방식으로 파일을 업로드한 다음 클라우드에서 변환된 파일을 다운로드합니다.
  • 온라인에서 무료로 SVG를 PNG로 변환

문서를 사용하여 GroupDocs.Conversion Cloud API에 대해 자세히 알아볼 수 있습니다. 또한 브라우저를 통해 직접 API를 시각화하고 상호 작용할 수 있는 API 참조 섹션을 제공합니다.

질문하기

API를 사용하는 동안 SVG-PNG 파일 변환기와 관련된 질문이 있는 경우 무료 제품 지원 포럼을 통해 언제든지 문의해 주십시오.

FAQ

Node.js를 사용하여 SVG를 PNG로 어떻게 변환합니까?

SVG를 PNG로 쉽고 빠르게 변환하기 위한 Node.js 코드 스니펫을 배우려면 이 링크를 따르십시오.

REST API를 사용하여 Node.js에서 온라인으로 SVG에서 PNG로 변경하는 방법은 무엇입니까?

ConvertApi의 인스턴스를 만들고 변환 설정 값을 설정하고 ConvertDocumentRequest와 함께 convertDocument 메서드를 호출하여 SVG를 PNG로 변환합니다.

SVG 파일을 PNG로 무료로 변환할 수 있나요?

예, 온라인 SVG 파일을 PNG로 변환을 사용하여 무료로 SVG 파일을 PNG로 변환할 수 있습니다. 온라인 SVG to PNG 변환기를 사용하면 SVG 파일을 PNG 형식으로 빠르게 변경할 수 있습니다. SVG에서 PNG로 변환 프로세스가 완료되면 클라우드에서 PNG 이미지를 다운로드할 수 있습니다.

온라인에서 무료로 SVG를 PNG로 어떻게 변환합니까?

  1. 최고의 SVG를 PNG로 변환하는 소프트웨어를 엽니다.
  2. 파일 드롭 영역 내부를 클릭하여 SVG 파일을 업로드하거나 SVG 파일을 끌어다 놓습니다.
  3. 온라인에서 SVG를 투명한 배경의 PNG로 변환하려면 지금 변환 버튼을 클릭하십시오.
  4. 출력 파일의 다운로드 링크를 사용하여 변환 후 즉시 SVG를 PNG로 내보낼 수 있습니다.

SVG to PNG 변환기 라이브러리를 설치하고 다운로드하는 방법은 무엇입니까?

프로그래밍 방식으로 SVG를 PNG로 고해상도로 생성, 처리 및 렌더링하려면 SVG to PNG JavaScript 라이브러리를 다운로드하고 설치하십시오.

Windows 10에서 SVG를 PNG로 어떻게 변환합니까?

이 링크를 방문하여 SVG를 PNG 변환기로 무료 다운로드하십시오. 이 무료 SVG to PNG 변환기는 클릭 한 번으로 SVG 파일을 Windows에서 PNG 형식으로 변환합니다.

또한보십시오

자세히 알아보려면 다음 관련 링크를 방문하는 것이 좋습니다.