Khi nói đến hình ảnh web, PNG là định dạng được sử dụng vì hỗ trợ tính minh bạch và khả năng tương thích rộng. Mặt khác, SVG được ưa chuộng vì khả năng mở rộng, lý tưởng cho logo, biểu tượng và các đồ họa dựa trên vector khác. Mặc dù SVG có nhiều ưu điểm, nhưng đôi khi cần phải chuyển đổi SVG sang PNG, đặc biệt là để đảm bảo khả năng tương thích trên nhiều nền tảng và thiết bị khác nhau. Trong bài đăng trên blog này, chúng tôi sẽ hướng dẫn bạn quy trình chuyển đổi đồ họa SVG sang định dạng PNG bằng Node.js.
API Node.js để chuyển đổi hình ảnh
GroupDocs cung cấp Conversion API mạnh mẽ cho phép các nhà phát triển chuyển đổi định dạng hình ảnh và thao tác hình ảnh kết quả trong quá trình chuyển đổi. API hỗ trợ nhiều tùy chọn nâng cao, khiến nó trở thành lựa chọn tuyệt vời để chuyển đổi SVG sang PNG trong Node.js. Chúng ta sẽ sử dụng GroupDocs.Conversion for Node.js cho nhiệm vụ này.
Để bắt đầu, bạn có thể cài đặt GroupDocs.Conversion for Node.js bằng cách chạy lệnh sau trong dự án của bạn:
npm i @groupdocs/groupdocs.conversion
Để biết thêm chi tiết, hãy truy cập tài liệu và Tài liệu tham khảo API.
Chuyển đổi hình ảnh SVG sang PNG bằng Node.js
Chúng ta hãy bắt đầu bằng cách chuyển đổi đồ họa vector SVG sang định dạng PNG bằng cách sử dụng các thiết lập mặc định. Các bước sau đây phác thảo cách chuyển đổi hình ảnh SVG sang PNG bằng Node.js.
- Tải tệp SVG bằng lớp Converter.
- Thiết lập các tùy chọn chuyển đổi.
- Chỉ định định dạng đầu ra là PNG.
- Gọi phương thức convert() với các tùy chọn đã chuẩn bị.
Sau đây là mã Node.js chuyển đổi SVG sang PNG:
// Chuyển đổi tệp SVG sang định dạng PNG bằng API chuyển đổi Node.js với các tùy chọn mặc định
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions()
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png)
converter.convert("path/converted-svg-to-png.png", convertOptions)
Chuyển đổi SVG sang PNG nâng cao với Node.js
GroupDocs.Conversion for Node.js cung cấp nhiều tùy chọn tùy chỉnh mà bạn có thể áp dụng cho đầu ra PNG trong quá trình chuyển đổi. Các tùy chọn này bao gồm:
- Điều chỉnh độ sáng
- Điều chỉnh độ tương phản
- Hiệu chỉnh gamma
- Chuyển đổi thang độ xám
- Lật ngang hoặc lật dọc
- Góc quay
- Kích thước hình ảnh tùy chỉnh (chiều cao và chiều rộng)
- Thêm hình mờ
Hãy cùng xem cách bạn có thể áp dụng các tùy chọn nâng cao này trong quá trình chuyển đổi SVG sang PNG trong Node.js.
- Tải tệp SVG bằng lớp Converter.
- Thiết lập tùy chọn chuyển đổi hình ảnh.
- Chỉ định định dạng đầu ra là PNG.
- Xác định các tùy chỉnh, chẳng hạn như độ sáng, độ xoay hoặc bất kỳ tùy chỉnh nào khác có sẵn.
- Gọi phương thức convert() để tạo PNG.
Sau đây là mã Node.js áp dụng một số tùy chọn nâng cao sau:
// Chuyển đổi vector SVG sang định dạng PNG bằng Node.js sử dụng nhiều tùy chỉnh khác nhau
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions();
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png);
convertOptions.setFlipMode(groupdocs.conversion.ImageFlipModes.FlipY);
convertOptions.setBrightness(50);
convertOptions.setContrast(50);
convertOptions.setGamma(0.5);
convertOptions.setGrayscale(true);
convertOptions.setHorizontalResolution(300);
convertOptions.setVerticalResolution(100);
convertOptions.setPageNumber(1);
convertOptions.setPagesCount(2);
converter.convert("path/converted-svg-to-png.png", convertOptions)
Hãy thử chuyển đổi SVG sang PNG trực tuyến MIỄN PHÍ
Bạn cần một giải pháp nhanh chóng và dễ dàng để chuyển đổi tệp SVG sang PNG? Hãy sử dụng [Bộ chuyển đổi SVG sang PNG] trực tuyến miễn phí này 11. Có thể truy cập từ bất kỳ thiết bị nào có trình duyệt web, giúp bạn thuận tiện và không gặp rắc rối.
Nhận giấy phép API miễn phí
Bạn có thể nhận giấy phép tạm thời miễn phí cho GroupDocs.Conversion, cho phép bạn sử dụng API mà không có giới hạn đánh giá.
Phần kết luận
Trong bài đăng này, chúng tôi đã khám phá cách chuyển đổi đồ họa vector SVG thành hình ảnh PNG bằng Node.js với GroupDocs.Conversion for Node.js. Chúng tôi cũng đã chỉ ra cách bạn có thể cải thiện quy trình chuyển đổi bằng cách áp dụng các tùy chỉnh như xoay, thang độ xám, hình mờ, điều chỉnh độ sáng, v.v. Các tính năng nâng cao này cho phép bạn tùy chỉnh đầu ra PNG theo đúng yêu cầu của mình.
Để biết thêm ví dụ, hãy xem kho lưu trữ GitHub GroupDocs, nơi bạn có thể tìm thấy nhiều mẫu mã khác nhau để giúp bạn xây dựng trình chuyển đổi SVG sang PNG của riêng mình. Nếu bạn có bất kỳ câu hỏi nào, hãy liên hệ với chúng tôi qua diễn đàn.