ในฐานะนักพัฒนา Node.js คุณสามารถใส่คำอธิบายประกอบในเอกสาร PDF ใดๆ ของคุณโดยใช้โปรแกรมบนคลาวด์ได้อย่างง่ายดาย คุณสามารถเพิ่มรูปภาพ ข้อคิดเห็น บันทึกย่อ หรือข้อสังเกตภายนอกประเภทอื่นๆ ลงในเอกสารเป็นคำอธิบายประกอบ ในบทความนี้ คุณจะได้เรียนรู้วิธีใส่คำอธิบายประกอบในเอกสาร PDF โดยใช้ REST API ใน Node.js
หัวข้อต่อไปนี้จะครอบคลุมในบทความนี้:
- คำอธิบายประกอบเอกสาร REST API และ Node.js SDK
- ใส่คำอธิบายประกอบเอกสาร PDF โดยใช้ REST API ใน Node.js
- เพิ่มคำอธิบายประกอบรูปภาพโดยใช้ Node.js
คำอธิบายประกอบเอกสาร REST API และ Node.js SDK
สำหรับการเพิ่มคำอธิบายประกอบในเอกสาร PDF ฉันจะใช้ API ของ Node.js SDK ของ GroupDocs.Annotation Cloud ช่วยให้คุณสร้างเครื่องมือทำหมายเหตุประกอบเอกสารแบบทางโปรแกรมได้ทางออนไลน์ คุณสามารถเพิ่มคำอธิบายประกอบ การซ้อนทับลายน้ำ การแทนที่ข้อความ การแก้ไข และมาร์กอัปข้อความในรูปแบบเอกสารที่รองรับ นอกจากนี้ยังมี .NET, Java, PHP, Ruby และ Python SDK เป็น สมาชิกตระกูลคำอธิบายประกอบเอกสาร สำหรับ Cloud API
คุณสามารถติดตั้ง GroupDocs.Annotation Cloud ลงในแอปพลิเคชัน Node.js โดยใช้คำสั่งต่อไปนี้ในคอนโซล:
npm install groupdocs-annotation-cloud
โปรดรับรหัสไคลเอ็นต์และรหัสลับไคลเอ็นต์ของคุณจาก แดชบอร์ด ก่อนที่คุณจะเริ่มทำตามขั้นตอนและตัวอย่างโค้ดที่มีอยู่ เมื่อคุณมี ID และรหัสลับของคุณแล้ว ให้เพิ่มรหัสตามที่แสดงด้านล่าง:
global.clientId = "659fe7da-715b-4744-a0f7-cf469a392b73"; // Get ClientId and ClientSecret from https://dashboard.groupdocs.cloud
global.clientSecret = "b377c36cfa28fa69960ebac6b6e36421"; // Get ClientId and ClientSecret from https://dashboard.groupdocs.cloud
global.myStorage = "";
const configuration = new groupdocs_annotation_cloud.Configuration(clientId, clientSecret);
configuration.apiBaseUrl = "https://api.groupdocs.cloud";
ใส่คำอธิบายประกอบเอกสาร PDF โดยใช้ REST API ใน Node.js
คุณสามารถใส่คำอธิบายประกอบในเอกสาร PDF ของคุณบนคลาวด์ได้โดยทำตามขั้นตอนง่ายๆ ด้านล่าง:
- อัปโหลด ไฟล์ PDF ไปยังคลาวด์
- ใส่คำอธิบายประกอบเอกสาร PDF โดยใช้ Node.js
- ดาวน์โหลด ไฟล์คำอธิบายประกอบ
อัปโหลดเอกสาร
ประการแรก อัปโหลดไฟล์ PDF ไปยัง Cloud โดยใช้ตัวอย่างโค้ดต่อไปนี้:
// เริ่มต้น API
var fileApi = new groupdocs_annotation_cloud.FileApi(configuration);
// เปิดไฟล์ใน IOStream จากในเครื่อง/ดิสก์
var resourcesFolder = 'C:\\Files\\sample.pdf';
// อ่านไฟล์
fs.readFile(resourcesFolder, (err, fileStream) => {
// สร้างคำขออัปโหลดไฟล์
var request = new groupdocs_annotation_cloud.UploadFileRequest("sample.pdf", fileStream, myStorage);
// อัพโหลดไฟล์
fileApi.uploadFile(request)
});
ด้วยเหตุนี้ ไฟล์ PDF ที่อัปโหลดจะอยู่ใน ส่วนไฟล์ ของแดชบอร์ดของคุณบนระบบคลาวด์
ใส่คำอธิบายประกอบเอกสาร PDF โดยใช้ Node.js
คุณสามารถเพิ่มคำอธิบายประกอบหลายรายการในเอกสาร PDF โดยทางโปรแกรมโดยทำตามขั้นตอนด้านล่าง:
- สร้างอินสแตนซ์ของ AnnotateApi
- สร้างอินสแตนซ์แรกของ AnnotationInfo
- ตั้งค่าคุณสมบัติคำอธิบายประกอบสำหรับตัวอย่างแรก เช่น ตำแหน่ง ประเภท ข้อความ ฯลฯ
- สร้างอินสแตนซ์ที่สองของ AnnotationInfo
- ตั้งค่าคุณสมบัติคำอธิบายประกอบสำหรับอินสแตนซ์ที่สอง เช่น ตำแหน่ง ประเภท ข้อความ ฯลฯ
- สร้างอินสแตนซ์ที่สามของ AnnotationInfo
- ตั้งค่าคุณสมบัติคำอธิบายประกอบสำหรับตัวอย่างที่สาม เช่น ตำแหน่ง ประเภท ข้อความ เป็นต้น
- สร้างอินสแตนซ์ที่สี่ของ AnnotationInfo
- ตั้งค่าคุณสมบัติคำอธิบายประกอบสำหรับตัวอย่างที่สี่ เช่น ตำแหน่ง ประเภท ข้อความ เป็นต้น
- สร้างอินสแตนซ์ FileInfo และตั้งค่าเส้นทางไฟล์อินพุต
- สร้างอินสแตนซ์ของ AnnotateOptions
- กำหนด FileInfo และอินสแตนซ์คำอธิบายประกอบที่กำหนดให้กับ AnnotateOptions
- กำหนดเส้นทางไฟล์ที่ส่งออก
- สร้างคำขอโดยเรียกเมธอด AnnotateRequest ด้วย AnnotateOptions
- รับผลลัพธ์โดยเรียกเมธอด AnnotateApi.annotate() ด้วย AnnotateRequest
ตัวอย่างโค้ดต่อไปนี้แสดงวิธีการใส่คำอธิบายประกอบในเอกสาร PDF ที่มีคำอธิบายประกอบหลายรายการโดยใช้ REST API ใน Node.js
// เริ่มต้น API
let คำอธิบายประกอบApi = groupdocs_annotation_cloud.AnnotateApi.fromKeys(clientId, clientSecret);
// คำอธิบายประกอบระยะทาง
let a1 = new groupdocs_annotation_cloud.AnnotationInfo();
a1.annotationPosition = new groupdocs_annotation_cloud.Point();
a1.annotationPosition.x = 1;
a1.annotationPosition.y = 1;
a1.box = new groupdocs_annotation_cloud.Rectangle();
a1.box.x = 100
a1.box.y = 100
a1.box.width = 200
a1.box.height = 100
a1.pageNumber = 0
a1.penColor = 1201033
a1.penStyle = groupdocs_annotation_cloud.AnnotationInfo.PenStyleEnum.Solid;
a1.penWidth = 3
a1.opacity = 1
a1.type = groupdocs_annotation_cloud.AnnotationInfo.TypeEnum.Distance;
a1.text = "This is คำอธิบายประกอบระยะทาง";
a1.creatorName = "Anonym A.";
// คำอธิบายประกอบพื้นที่
let a2 = new groupdocs_annotation_cloud.AnnotationInfo();
a2.annotationPosition = new groupdocs_annotation_cloud.Point();
a2.annotationPosition.x = 1;
a2.annotationPosition.y = 1;
a2.box = new groupdocs_annotation_cloud.Rectangle();
a2.box.x = 80
a2.box.y = 400
a2.box.width = 200
a2.box.height = 100
a2.penColor = 1201033;
a2.penStyle = groupdocs_annotation_cloud.AnnotationInfo.PenStyleEnum.Solid;
a2.pageNumber = 0;
a2.penWidth = 3;
a2.type = groupdocs_annotation_cloud.AnnotationInfo.TypeEnum.Area;
a2.text = "This is คำอธิบายประกอบพื้นที่";
a2.creatorName = "Anonym A.";
// คำอธิบายประกอบฟิลด์ข้อความ
let a3 = new groupdocs_annotation_cloud.AnnotationInfo();
a3.annotationPosition = new groupdocs_annotation_cloud.Point();
a3.annotationPosition.x = 100;
a3.annotationPosition.y = 100;
a3.box = new groupdocs_annotation_cloud.Rectangle();
a3.box.x = 450
a3.box.y = 150
a3.box.width = 100
a3.box.height = 30
a3.pageNumber = 0;
a3.fontColor = 65535;
a3.fontSize = 16;
a3.type = groupdocs_annotation_cloud.AnnotationInfo.TypeEnum.TextField;
a3.text = "Text field text";
a3.creatorName = "Anonym A.";
// คำอธิบายประกอบวงรี
let a4 = new groupdocs_annotation_cloud.AnnotationInfo();
a4.annotationPosition = new groupdocs_annotation_cloud.Point();
a4.annotationPosition.x = 1;
a4.annotationPosition.y = 1;
a4.box = new groupdocs_annotation_cloud.Rectangle();
a4.box.x = 350;
a4.box.y = 350;
a4.box.width = 200;
a4.box.height = 100;
a4.pageNumber = 0;
a4.penColor = 1201033;
a4.penStyle = groupdocs_annotation_cloud.AnnotationInfo.PenStyleEnum.Solid;
a4.penWidth = 4;
a4.type = groupdocs_annotation_cloud.AnnotationInfo.TypeEnum.Ellipse;
a4.text = "This is คำอธิบายประกอบวงรี";
a4.creatorName = "Anonym A.";
let fileInfo = new groupdocs_annotation_cloud.FileInfo();
fileInfo.filePath = "sample.pdf";
let options = new groupdocs_annotation_cloud.AnnotateOptions();
options.fileInfo = fileInfo;
options.annotations = [a1, a2, a3, a4];
options.outputPath = "Output/output.pdf";
// สร้างคำขอคำอธิบายประกอบ
let request = new groupdocs_annotation_cloud.AnnotateRequest(options);
// คำอธิบายประกอบ
let result = await คำอธิบายประกอบApi.คำอธิบายประกอบ(request);
console.log("Multiple Annotations added: " + result.href);
ใส่คำอธิบายประกอบเอกสาร PDF โดยใช้ REST API ใน Node.js
คุณสามารถอ่านเพิ่มเติมเกี่ยวกับประเภทคำอธิบายประกอบที่รองรับได้ในส่วน การเพิ่มคำอธิบายประกอบ ในเอกสารประกอบ
ดาวน์โหลดไฟล์คำอธิบายประกอบ
ตัวอย่างโค้ดด้านบนจะบันทึกไฟล์ PDF ที่มีคำอธิบายประกอบไว้บนคลาวด์ คุณสามารถดาวน์โหลดได้โดยใช้ตัวอย่างโค้ดต่อไปนี้:
// สร้าง FileApi
var fileApi = new groupdocs_annotation_cloud.FileApi(configuration);
// สร้างคำขอดาวน์โหลดไฟล์
let request = new groupdocs_annotation_cloud.DownloadFileRequest("Output/output.pdf", myStorage);
// ดาวน์โหลดไฟล์
let response = await fileApi.downloadFile(request);
// บันทึกไฟล์ในไดเร็กทอรีการทำงาน
fs.writeFile("C:\\Files\\output.pdf", response, "binary", function (err) { });
console.log(response);
เพิ่มคำอธิบายประกอบรูปภาพโดยใช้ Node.js
คุณสามารถเพิ่มคำอธิบายประกอบรูปภาพในเอกสาร PDF ของคุณโดยทางโปรแกรมโดยทำตามขั้นตอนด้านล่าง:
- สร้างอินสแตนซ์ของ AnnotateApi
- สร้างอินสแตนซ์ของ AnnotationInfo
- กำหนดสี่เหลี่ยมผืนผ้าและกำหนดตำแหน่ง ความสูง และความกว้าง
- กำหนดคุณสมบัติของคำอธิบายประกอบ เช่น ตำแหน่ง ข้อความ ความสูง ความกว้าง ฯลฯ
- ตั้งค่าประเภทคำอธิบายประกอบเป็นรูปภาพ
- สร้างอินสแตนซ์ FileInfo และตั้งค่าเส้นทางไฟล์อินพุต
- สร้างอินสแตนซ์ของ AnnotateOptions
- กำหนด FileInfo และคำอธิบายประกอบให้กับ AnnotateOptions
- กำหนดเส้นทางไฟล์ที่ส่งออก
- สร้างคำขอโดยเรียกเมธอด AnnotateRequest ด้วย AnnotateOptions
- รับผลลัพธ์โดยเรียกเมธอด AnnotateApi.annotate() ด้วย AnnotateRequest
ตัวอย่างโค้ดต่อไปนี้แสดงวิธีเพิ่มคำอธิบายประกอบรูปภาพในเอกสาร PDF โดยใช้ REST API ใน Node.js โปรดทำตามขั้นตอนที่กล่าวถึงก่อนหน้านี้เพื่ออัปโหลดและดาวน์โหลดไฟล์
// เริ่มต้น API
let คำอธิบายประกอบApi = groupdocs_annotation_cloud.AnnotateApi.fromKeys(clientId, clientSecret);
// คำอธิบายประกอบภาพ
let a1 = new groupdocs_annotation_cloud.AnnotationInfo();
a1.annotationPosition = new groupdocs_annotation_cloud.Point();
a1.annotationPosition.x = 1;
a1.annotationPosition.y = 1;
a1.box = new groupdocs_annotation_cloud.Rectangle();
a1.box.x = 300;
a1.box.y = 160;
a1.box.width = 200;
a1.box.height = 40;
a1.pageNumber = 0;
a1.penColor = 1201033;
a1.penStyle = groupdocs_annotation_cloud.AnnotationInfo.PenStyleEnum.Solid;
a1.penWidth = 1;
a1.type = groupdocs_annotation_cloud.AnnotationInfo.TypeEnum.Image;
a1.text = "This is คำอธิบายประกอบภาพ";
a1.creatorName = "Anonym A.";
a1.imagePath = "JohnSmith.png";
// เส้นทางไฟล์อินพุต
let fileInfo = new groupdocs_annotation_cloud.FileInfo();
fileInfo.filePath = "sample.pdf";
// กำหนดตัวเลือกคำอธิบายประกอบ
let options = new groupdocs_annotation_cloud.AnnotateOptions();
options.fileInfo = fileInfo;
options.annotations = [a1];
options.outputPath = "Output/output.pdf";
// สร้างคำขอคำอธิบายประกอบ
let request = new groupdocs_annotation_cloud.AnnotateRequest(options);
// คำอธิบายประกอบ
let result = await คำอธิบายประกอบApi.คำอธิบายประกอบ(request);
console.log("Image Annotation added: " + result.href);
เพิ่มคำอธิบายประกอบรูปภาพโดยใช้ Node.js
ลองออนไลน์
โปรดลองใช้เครื่องมือบันทึกย่อ PDF ออนไลน์ฟรีต่อไปนี้ ซึ่งพัฒนาโดยใช้ API ข้างต้น https://products.groupdocs.app/annotation/pdf
บทสรุป
ในบทความนี้ คุณได้เรียนรู้วิธีเพิ่มคำอธิบายประกอบหลายรายการในเอกสาร PDF บนคลาวด์ คุณยังได้เรียนรู้วิธีเพิ่มคำอธิบายประกอบรูปภาพในเอกสาร PDF โดยทางโปรแกรม นอกจากนี้ คุณยังได้เรียนรู้วิธีอัปโหลดไฟล์ PDF บนคลาวด์โดยทางโปรแกรม จากนั้นดาวน์โหลดไฟล์ที่มีคำอธิบายประกอบจากคลาวด์ คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ GroupDocs.Annotation Cloud API โดยใช้ เอกสารประกอบ เรายังมีส่วน API Reference ที่ช่วยให้คุณแสดงภาพและโต้ตอบกับ API ของเราได้โดยตรงผ่านเบราว์เซอร์ ในกรณีที่มีความคลุมเครือ โปรดติดต่อเราได้ที่ ฟอรัม