วิธีแปลง SVG เป็น PNG ออนไลน์ใน Node.js

วิธีแปลง SVG เป็น PNG ออนไลน์ใน Node.js

SVG(กราฟิกแบบเวกเตอร์ที่ปรับขนาดได้) กำหนดกราฟิกแบบเวกเตอร์ซึ่งเป็นที่นิยมในการแสดงภาพสองมิติ ในทางกลับกัน รูปแบบภาพ PNG เป็นหนึ่งในตัวเลือกที่ดีที่สุดสำหรับไฟล์โปร่งใสแบบแรสเตอร์ เมื่อคุณทำงานกับพิกเซลและความโปร่งใส PNG เป็นตัวเลือกที่ดีกว่า SVG SVG ยังใช้งานไม่ได้กับรูปภาพที่มีรายละเอียด พื้นผิว และคุณภาพมากมาย เช่น ภาพถ่าย สำหรับสถานการณ์ดังกล่าว คุณสามารถแปลงไฟล์ SVG เป็นรูปแบบ PNG ทางออนไลน์ได้ มาดูวิธีแปลง SVG เป็น PNG ออนไลน์ใน Node.js กัน

หัวข้อต่อไปนี้จะครอบคลุมในบทความนี้:

แปลง SVG เป็น PNG API และ Node.js SDK

ในบทความนี้ เราจะใช้ Node.js SDK of GroupDocs.Conversion Cloud ไลบรารีอันทรงพลังเพื่อเปลี่ยนรูปแบบ SVG เป็น PNG ในแอปพลิเคชัน Nodejs API นี้ช่วยให้คุณแปลงเอกสารเป็นรูปแบบใดก็ได้ที่คุณต้องการ รองรับการแปลง สำหรับเอกสารและรูปภาพมากกว่า 50 ประเภท เช่น PDF, HTML, Word, Excel, PowerPoint, JPG, PNG, GIF, CAD เป็นต้น นอกจากนี้ยังมี .NET, Java, PHP, Ruby , Android และ Python SDK เป็น สมาชิกตระกูลการแปลงเอกสาร สำหรับ Cloud API

ติดตั้งไลบรารีตัวแปลง GroupDocs.Conversion SVG เป็น PNG ดาวน์โหลดฟรีลงในแอปพลิเคชัน Node.js ของคุณโดยใช้คำสั่งต่อไปนี้ในคอนโซล:

npm install groupdocs-conversion-cloud

โปรดรับรหัสไคลเอ็นต์และรหัสลับไคลเอ็นต์จาก แดชบอร์ด ก่อนที่คุณจะเริ่มทำตามขั้นตอนและตัวอย่างโค้ดที่มีอยู่ เมื่อคุณมี ID และรหัสลับของคุณแล้ว ให้เพิ่มรหัสตามที่แสดงด้านล่าง:

# นำเข้า Node.js SDK ในแอปพลิเคชันโหนดของคุณจาก http://api.groupdocs.cloud
global.groupdocs_conversion_cloud = require("groupdocs-conversion-cloud");
global.fs = require("fs");

// รับ clientId และ clientSecret จาก https://dashboard.groupdocs.cloud (ต้องลงทะเบียนฟรี)
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";

วิธีแปลงรูปภาพจาก SVG เป็น PNG ออนไลน์ใน Node.js

โปรดทำตามคำแนะนำด้านล่างเพื่อแปลงรหัส SVG เป็น PNG ออนไลน์ตามที่กล่าวไว้ด้านล่าง:

  1. อัปโหลด ไฟล์ SVG ไปยังคลาวด์
  2. แปลง SVG เป็น PNG โดยไม่สูญเสียคุณภาพใน Node.js
  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 ที่อัปโหลดจะอยู่ใน ส่วนไฟล์ ของแดชบอร์ดของคุณบนระบบคลาวด์

ออนไลน์แปลง SVG เป็น PNG คุณภาพสูงใน Node.js

ในส่วนนี้ เราจะแปลงพื้นหลังโปร่งใส SVG เป็น PNG ออนไลน์โดยทางโปรแกรมโดยทำตามขั้นตอนด้านล่าง:

  • สร้างอินสแตนซ์ของ ConvertApi
  • ถัดไป สร้างวัตถุ ConvertSettings
  • ระบุชื่อที่เก็บข้อมูลบนคลาวด์
  • ตั้งค่าเส้นทางไฟล์ SVG อินพุต
  • กำหนด “png” เป็นรูปแบบ
  • ระบุเส้นทางไฟล์เอาต์พุต
  • สร้าง ConvertDocumentRequest
  • สุดท้าย เปลี่ยน SVG เป็น PNG โดยเรียกเมธอด ConvertApi.convertDocument() ด้วยการตั้งค่าการแปลง

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีแปลง SVG ออนไลน์เป็น PNG โดยไม่สูญเสียคุณภาพโดยใช้ REST API ใน Node.js:

// วิธีแปลงรูปภาพจาก SVG เป็น PNG ออนไลน์ใน 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 {
    // สร้างคำขอแปลงเอกสาร
    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);
})
วิธีบันทึก SVG เป็นรูปแบบ PNG ออนไลน์โดยใช้ Node.js

ออนไลน์แปลง SVG เป็น PNG คุณภาพสูงใน Node.js

ดาวน์โหลดไฟล์ที่แปลงแล้ว

ตัวอย่างโค้ดด้านบนจะบันทึกไฟล์ PNG ที่แปลงแล้วบนคลาวด์ คุณสามารถดาวน์โหลดได้โดยใช้ตัวอย่างโค้ดต่อไปนี้:

// สร้าง FileApi เพื่อดาวน์โหลดไฟล์ที่แปลงแล้ว
var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
// สร้างคำขอไฟล์ donwload
let request = new groupdocs_conversion_cloud.DownloadFileRequest("nodejs-testing/sample-file.png", myStorage);
// ดาวน์โหลดไฟล์และตอบกลับประเภท Stream
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);
    });

แปลงไฟล์ SVG เป็น PNG ออนไลน์ใน Node.js โดยใช้ตัวเลือกขั้นสูง

โปรดปฏิบัติตามและดำเนินการตามขั้นตอนด้านล่างเพื่อแปลงภาพ SVG เป็น PNG ด้วยการตั้งค่าขั้นสูง:

  • ขั้นแรก สร้างอินสแตนซ์ของ ConvertApi
  • สร้างอินสแตนซ์ ConvertSettings
  • ตอนนี้ตั้งค่าที่เก็บข้อมูลบนคลาวด์
  • กำหนดเส้นทางไฟล์ SVG เป็นไฟล์อินพุต
  • กำหนด “png” เป็นรูปแบบ
  • กำหนด PngConvertOptions
  • ตั้งค่าการแปลงต่างๆ เช่น ระดับสีเทา, คุณภาพ, หมุนมุม, usePdf เป็นต้น
  • ถัดไป กำหนด converterOptions และพาธไฟล์เอาต์พุต
  • สร้าง ConvertDocumentRequest
  • สุดท้าย แปลงเอกสาร SVG เป็นภาพ PNG โดยเรียกเมธอด ConvertApi.convertDocument()

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีเปลี่ยน SVG เป็น PNG ความละเอียดสูงโดยใช้ตัวเลือกการแปลงขั้นสูง:

// วิธีแปลงไฟล์ SVG เป็น PNG ออนไลน์ใน Node.js โดยใช้ตัวเลือกขั้นสูง

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 Converter ออนไลน์

วิธีแปลง SVG เป็น PNG ออนไลน์ฟรี โปรดลองใช้ ตัวแปลง SVG เป็น PNG ออนไลน์ฟรี ต่อไปนี้ เป็นตัวแปลง SVG เป็น PNG ที่ดีที่สุดในการเปลี่ยน SVG เป็น PNG โปร่งใสทางออนไลน์และได้รับการพัฒนาโดยใช้ API ด้านบน

บทสรุป

ในบทความนี้ คุณได้เรียนรู้:

  • วิธีแปลง SVG เป็น PNG ออนไลน์ใน Nodejs บนคลาวด์
  • วิธีเปลี่ยน SVG เป็น PNG แบบโปร่งใสใน Nodejs โดยใช้ตัวเลือกขั้นสูง
  • อัปโหลดไฟล์โดยทางโปรแกรมแล้วดาวน์โหลดไฟล์ที่แปลงแล้วจากคลาวด์
  • ตัวแปลง SVG เป็น PNG ออนไลน์ฟรี

คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ GroupDocs.Conversion Cloud API โดยใช้ เอกสารประกอบ นอกจากนี้ เรายังมีส่วน การอ้างอิง API ที่ช่วยให้คุณแสดงภาพและโต้ตอบกับ API ของเราได้โดยตรงผ่านเบราว์เซอร์

ถามคำถาม

ในกรณีที่คุณมีข้อสงสัยเกี่ยวกับโปรแกรมแปลงไฟล์ SVG เป็น PNG ขณะใช้ API โปรดติดต่อเราผ่านทาง ฟอรัมสนับสนุนผลิตภัณฑ์ฟรี

คำถามที่พบบ่อย

ฉันจะแปลง SVG เป็น PNG โดยใช้ Node.js ได้อย่างไร

โปรดติดตาม ลิงก์นี้ เพื่อเรียนรู้ข้อมูลโค้ด Node.js สำหรับการแปลง SVG เป็น PNG อย่างง่ายดายและรวดเร็ว

จะเปลี่ยนจาก SVG เป็น PNG ออนไลน์ใน Node.js โดยใช้ REST API ได้อย่างไร

สร้างอินสแตนซ์ของ ConvertApi ตั้งค่าของการตั้งค่าการแปลงและเรียกใช้เมธอด convertDocument ด้วย ConvertDocumentRequest เพื่อแปลง SVG เป็น PNG

ฉันสามารถแปลงไฟล์ SVG เป็น PNG ได้ฟรีหรือไม่

ได้ คุณสามารถแปลงไฟล์ SVG เป็น PNG ได้ฟรีโดยใช้ ตัวแปลงไฟล์ SVG ออนไลน์เป็น PNG ตัวแปลง SVG เป็น PNG ออนไลน์ช่วยให้คุณเปลี่ยนไฟล์ SVG เป็นรูปแบบ PNG ได้อย่างรวดเร็ว เมื่อกระบวนการแปลง SVG เป็น PNG เสร็จสิ้น คุณสามารถดาวน์โหลดอิมเมจ PNG จากคลาวด์ได้

ฉันจะแปลง SVG เป็น PNG ฟรีทางออนไลน์ได้อย่างไร

  1. เปิด ซอฟต์แวร์แปลง SVG เป็น PNG ที่ดีที่สุดของเรา
  2. คลิกภายในพื้นที่วางไฟล์เพื่ออัปโหลดไฟล์ SVG หรือลากและวางไฟล์ SVG
  3. คลิกที่ปุ่ม Convert Now เพื่อแปลง SVG เป็น PNG ด้วยพื้นหลังโปร่งใสทางออนไลน์
  4. ลิงค์ดาวน์โหลดไฟล์เอาต์พุตจะพร้อมสำหรับส่งออก SVG เป็น PNG ทันทีหลังจากการแปลง

จะติดตั้งและดาวน์โหลดไลบรารีตัวแปลง SVG เป็น PNG ได้อย่างไร

ดาวน์โหลดและติดตั้ง ไลบรารี JavaScript SVG เป็น PNG เพื่อสร้าง ประมวลผล และเรนเดอร์ความละเอียดสูง SVG เป็น PNG โดยทางโปรแกรม

ฉันจะแปลง SVG เป็น PNG ใน windows 10 ได้อย่างไร

โปรดไปที่ลิงก์นี้เพื่อ ดาวน์โหลดตัวแปลง SVG เป็น PNG ฟรี ตัวแปลง SVG เป็น PNG ฟรีนี้แปลงไฟล์ SVG เป็นรูปแบบ PNG ใน windows ด้วยการคลิกเพียงครั้งเดียว

ดูสิ่งนี้ด้วย

เราขอแนะนำให้ไปที่ลิงก์ที่เกี่ยวข้องต่อไปนี้เพื่อเรียนรู้เพิ่มเติม: