Cách chuyển đổi SVG sang PNG trực tuyến trong Node.js

Cách chuyển đổi SVG sang PNG trực tuyến trong Node.js

SVG(Đồ họa vectơ có thể mở rộng) xác định đồ họa dựa trên vectơ phổ biến để hiển thị hình ảnh hai chiều. Mặt khác, định dạng hình ảnh PNG là một trong những lựa chọn tốt nhất cho tệp trong suốt dựa trên raster. Khi bạn đang làm việc với pixel và độ trong suốt, PNG là lựa chọn tốt hơn so với SVG. SVG cũng không hoạt động tốt đối với hình ảnh có nhiều chi tiết, kết cấu và chất lượng như ảnh chụp. Đối với các trường hợp như vậy, bạn có thể chuyển đổi tệp SVG sang định dạng PNG trực tuyến. Vì vậy, hãy xem cách chuyển đổi SVG sang PNG trực tuyến trong Node.js.

Các chủ đề sau đây sẽ được đề cập trong bài viết này:

Chuyển SVG sang API PNG và SDK Node.js

Trong bài viết này, chúng ta sẽ sử dụng thư viện mạnh mẽ Node.js SDK của GroupDocs.Conversion Cloud để chuyển định dạng SVG sang PNG trong ứng dụng Nodejs. API này cho phép bạn chuyển đổi tài liệu của mình sang bất kỳ định dạng nào bạn cần. Nó hỗ trợ chuyển đổi cho hơn 50 loại tài liệu và hình ảnh như PDF, HTML, Word, Excel, PowerPoint, JPG, PNG, GIF, CAD, v.v. Nó cũng cung cấp .NET, Java, PHP, Ruby , Android và Python SDK làm các thành viên nhóm chuyển đổi tài liệu cho Cloud API.

Cài đặt thư viện tải xuống miễn phí trình chuyển đổi GroupDocs.Conversion SVG sang PNG cho các ứng dụng Node.js của bạn bằng cách sử dụng lệnh sau trong bảng điều khiển:

npm install groupdocs-conversion-cloud

Vui lòng lấy ID khách hàng và Bí mật khách hàng của bạn từ bảng điều khiển trước khi bạn bắt đầu làm theo các bước và ví dụ về mã có sẵn. Khi bạn có ID và bí mật của mình, hãy thêm mã như hình bên dưới:

# Nhập SDK Node.js trong ứng dụng nút của bạn từ http://api.groupdocs.cloud
global.groupdocs_conversion_cloud = require("groupdocs-conversion-cloud");
global.fs = require("fs");

// lấy clientId và clientSecret từ https://dashboard.groupdocs.cloud (yêu cầu đăng ký miễn phí).
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ách chuyển đổi hình ảnh từ SVG sang PNG trực tuyến trong Node.js

Vui lòng làm theo các hướng dẫn bên dưới để chuyển đổi mã SVG sang PNG trực tuyến như được đề cập bên dưới:

  1. Tải lên tệp SVG lên đám mây
  2. Chuyển đổi SVG sang PNG mà không làm giảm chất lượng trong Node.js
  3. Tải xuống tệp PNG đã chuyển đổi

Tải lên hình ảnh

Đầu tiên, tải tệp SVG lên Đám mây bằng mẫu mã sau:

// mở tệp trong IOStream từ ổ đĩa hệ thống của bạn.
var resourcesFolder = 'H:\\groupdocs-cloud-data\\sample-file.svg';
// Đọc tài liệu
fs.readFile(resourcesFolder, (err, fileStream) => {
  // xây dựng FileApi
  var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
  // tạo yêu cầu tệp tải lên
  var request = new groupdocs_conversion_cloud.UploadFileRequest("sample-file.svg", fileStream, myStorage);
  // cập nhật dử liệu
  fileApi.uploadFile(request)
    .then(function (response) {
      console.log("Expected response type is FilesUploadResult: " + response.uploaded.length);
    })
    .catch(function (error) {
      console.log("Error: " + error.message);
    });
});

Do đó, tệp SVG đã tải lên sẽ có sẵn trong phần tệp trên trang tổng quan của bạn trên đám mây.

Chuyển đổi trực tuyến SVG sang PNG chất lượng cao trong Node.js

Trong phần này, chúng tôi sẽ chuyển đổi nền trong suốt SVG sang PNG trực tuyến theo chương trình bằng cách thực hiện theo các bước được đề cập bên dưới:

  • Tạo một phiên bản của ConvertApi
  • Tiếp theo, tạo đối tượng ConvertSettings
  • Cung cấp tên lưu trữ đám mây
  • Đặt đường dẫn tệp SVG đầu vào
  • Gán “png” cho định dạng
  • Cung cấp đường dẫn tệp đầu ra
  • Tạo ConvertDocumentRequest
  • Cuối cùng, thay đổi SVG thành PNG bằng cách gọi phương thức ConvertApi.convertDocument() với cài đặt chuyển đổi.

Ví dụ mã sau đây cho thấy cách chuyển đổi SVG trực tuyến sang PNG mà không làm giảm chất lượng bằng API REST trong Node.js:

// Cách chuyển đổi hình ảnh từ SVG sang PNG trực tuyến trong 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 {
    // Tạo yêu cầu tài liệu chuyển đổi
    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ách lưu SVG dưới dạng định dạng PNG trực tuyến bằng Node.js

Chuyển đổi trực tuyến SVG sang PNG chất lượng cao trong Node.js

Tải xuống tệp đã chuyển đổi

Mẫu mã trên sẽ lưu tệp PNG đã chuyển đổi trên đám mây. Bạn có thể tải xuống bằng mẫu mã sau:

// xây dựng FileApi để tải xuống tệp đã chuyển đổi
var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
// tạo yêu cầu tệp donwload
let request = new groupdocs_conversion_cloud.DownloadFileRequest("nodejs-testing/sample-file.png", myStorage);
// tải xuống tệp và loại phản hồi Luồng
fileApi.downloadFile(request)
    .then(function (response) {
        // lưu tập tin trong thư mục hệ thống của bạn
        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);
    });

Chuyển đổi tệp SVG sang PNG trực tuyến trong Node.js bằng Tùy chọn nâng cao

Vui lòng làm theo và thực hiện các bước được đề cập bên dưới để chuyển đổi hình ảnh SVG sang PNG với một số cài đặt nâng cao:

  • Đầu tiên, tạo một phiên bản ConvertApi
  • Tạo phiên bản ConvertSettings
  • Bây giờ, hãy đặt giá trị lưu trữ đám mây
  • Đặt đường dẫn tệp SVG làm tệp đầu vào
  • Gán “png” cho định dạng
  • Xác định tùy chọn PngConvert
  • Đặt các cài đặt chuyển đổi khác nhau như thang độ xám, chất lượng, rotateAngle, usePdf, v.v.
  • Tiếp theo, gán convertOptions và đường dẫn tệp đầu ra
  • Tạo ConvertDocumentRequest
  • Cuối cùng, chuyển đổi tài liệu SVG sang hình ảnh PNG bằng cách gọi phương thức ConvertApi.convertDocument().

Ví dụ mã sau đây cho thấy cách biến SVG thành độ phân giải cao PNG bằng các tùy chọn chuyển đổi nâng cao:

// Cách chuyển đổi tệp SVG sang PNG trực tuyến trong Node.js bằng Tùy chọn nâng cao

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 {
    // Tạo yêu cầu tài liệu chuyển đổi
    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);
})

Chuyển đổi SVG sang PNG miễn phí trực tuyến

Làm cách nào để chuyển đổi SVG sang PNG trực tuyến miễn phí? Vui lòng thử trình chuyển đổi SVG sang PNG trực tuyến miễn phí sau đây. Đây là trình chuyển đổi SVG sang PNG tốt nhất để thay đổi SVG thành PNG trong suốt trực tuyến và đã được phát triển bằng API trên.

Phần kết luận

Trong bài viết này, bạn đã học được:

  • cách chuyển đổi SVG thành PNG trực tuyến trong Nodejs trên đám mây;
  • cách biến SVG thành PNG trong suốt trong Nodejs bằng các tùy chọn nâng cao;
  • tải lên tệp theo chương trình và sau đó tải xuống tệp đã chuyển đổi từ đám mây;
  • Trình chuyển đổi SVG sang PNG trực tuyến miễn phí;

Bạn có thể tìm hiểu thêm về GroupDocs.Conversion Cloud API bằng cách sử dụng tài liệu. Chúng tôi cũng cung cấp phần Tham khảo API cho phép bạn hình dung và tương tác trực tiếp với các API của chúng tôi thông qua trình duyệt.

Đặt một câu hỏi

Trong trường hợp bạn có bất kỳ câu hỏi nào liên quan đến trình chuyển đổi tệp SVG sang PNG trong khi sử dụng API, vui lòng liên hệ với chúng tôi qua diễn đàn hỗ trợ sản phẩm miễn phí.

câu hỏi thường gặp

Làm cách nào để chuyển đổi SVG sang PNG bằng Node.js?

Vui lòng theo liên kết này để tìm hiểu đoạn mã Node.js để chuyển đổi SVG sang PNG một cách dễ dàng và nhanh chóng.

Làm cách nào để thay đổi từ SVG sang PNG trực tuyến trong Node.js bằng API REST?

Tạo một phiên bản của ConvertApi, đặt các giá trị của cài đặt chuyển đổi và gọi phương thức convertDocument với ConvertDocumentRequest để chuyển đổi SVG thành PNG.

Tôi có thể chuyển đổi tệp SVG sang PNG miễn phí không?

Có, bạn có thể chuyển đổi tệp SVG sang PNG miễn phí bằng trình chuyển đổi tệp SVG sang PNG trực tuyến. Trình chuyển đổi SVG sang PNG trực tuyến cho phép bạn thay đổi tệp SVG sang định dạng PNG một cách nhanh chóng. Khi quá trình chuyển đổi SVG sang PNG hoàn tất, bạn có thể tải xuống hình ảnh PNG từ đám mây.

Làm cách nào để chuyển đổi SVG sang PNG trực tuyến miễn phí?

  1. Mở phần mềm chuyển SVG sang PNG tốt nhất của chúng tôi.
  2. Nhấp vào bên trong khu vực thả tệp để tải lên tệp SVG hoặc kéo và thả tệp SVG.
  3. Nhấp vào nút Chuyển đổi ngay để chuyển đổi trực tuyến SVG sang PNG với nền trong suốt.
  4. Liên kết tải xuống của tệp đầu ra sẽ có sẵn để xuất SVG sang PNG ngay sau khi chuyển đổi.

Làm cách nào để cài đặt và tải xuống thư viện chuyển đổi SVG sang PNG?

Tải xuống và cài đặt Thư viện JavaScript SVG sang PNG để tạo, xử lý và hiển thị SVG thành PNG có độ phân giải cao theo chương trình.

Làm cách nào để chuyển đổi SVG sang PNG trong windows 10?

Vui lòng truy cập liên kết này để tải xuống trình chuyển đổi SVG sang PNG miễn phí. Trình chuyển đổi SVG sang PNG miễn phí này, chuyển đổi tệp SVG sang định dạng PNG trong cửa sổ chỉ bằng một cú nhấp chuột.

Xem thêm

Chúng tôi khuyên bạn nên truy cập các liên kết có liên quan sau để tìm hiểu thêm: