Hướng dẫn watermark pdf nodejs - hình mờ pdf nodejs

Hình mờ "Dự thảo" hoặc "Bí mật" là phổ biến trên nhiều tệp PDF. May mắn thay, các tài liệu hình mờ được tạo ra động rất dễ thực hiện với API HTML đến PDF của Docraptor!

Nội dung chính ShowShow

• Bước 1: Tạo một số trang
• Bước 2: Xác định hình mờ
• Bước 3: Thêm hình mờ
• Bước 4: Phong cách hình mờ
• Đặt một hình mờ trên tất cả các trang.
• Sử dụng API của docraptor
• Tải xuống
• Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:
• Đây là một mẫu mã hoàn toàn chức năng cho hướng dẫn này:
• Phụ thuộc
• Tạo tài liệu
• Tải xuống
• Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:
• Tạo tài liệu
• Tải xuống
• Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:
• Đây là một mẫu mã hoàn toàn chức năng cho hướng dẫn này:
• Tải xuống
• Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:
• Đây là một mẫu mã hoàn toàn chức năng cho hướng dẫn này:
• Tạo tài liệu
• Tải xuống
• Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:
• Tạo tài liệu
• Tải xuống
• Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:
• Tạo tài liệu
• Tải xuống
• Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:
• Tạo tài liệu
• Tải xuống
• Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:
• Đây là một mẫu mã hoàn toàn chức năng cho hướng dẫn này:
• Phụ thuộc

Bước 1: Tạo một số trang

Tạo tài liệu

Cài đặt tác nhân .NET

Bạn cũng có thể tải xuống DLL trực tiếp từ GitHub.

Bước 2: Xác định hình mờ

Ví dụ JavaScript

PREVIEW

Bước 3: Thêm hình mờ

Docraptor & Node.js

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

Cài đặt mô -đun Axios

Tôi có thể thêm hình mờ vào tệp pdf không?

Làm cách nào để thêm hình mờ vào PDF trong CSS?before where you want to use it. For watermarks (and headers/footers), it's best to put the HTML at the top of your HTML code (see our full examples below).

Làm thế nào để tôi đặt một hình mờ trên tất cả các trang của PDF?

Để thiết lập ví dụ này, chúng tôi sẽ buộc tạo ba trang với thuộc tính

Bước 4: Phong cách hình mờ

Đặt một hình mờ trên tất cả các trang.

#watermark {
  flow: static(watermarkflow);
  font-size: 120px;
  opacity: 0.5;
  transform: rotate(-30deg);
  text-align: center;
}

Sử dụng API của docraptor

Tải xuống

Đặt một hình mờ trên tất cả các trang.

Sử dụng API của docraptor

Tải xuống

Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:

Đây là một mẫu mã hoàn toàn chức năng cho hướng dẫn này:

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

2

Phụ thuộc

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

3

Sử dụng API của docraptor

Tải xuống

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

4

Tải xuống

Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:

Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:

• Đây là một mẫu mã hoàn toàn chức năng cho hướng dẫn này:
• Phụ thuộc

Đây là một mẫu mã hoàn toàn chức năng cho hướng dẫn này:

• Phụ thuộc
• Tạo tài liệu
• Cài đặt tác nhân .NET

Phụ thuộc

Tạo tài liệu

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

7

Cài đặt tác nhân .NET

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

8

Bạn cũng có thể tải xuống DLL trực tiếp từ GitHub.

Tạo tài liệu

Tải xuống

Để làm tài liệu, hãy gửi yêu cầu bài đăng đến URL này:

Tải xuống

Dưới đây là tất cả các tệp bạn cần làm theo hướng dẫn này:

Cài đặt tác nhân .NET

Với Nuget:

PREVIEW

0

Với bảng điều khiển Trình quản lý gói:

PREVIEW

1

Tạo tài liệu

Khóa API hiển thị ở đây,

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

7, thực sự hoạt động! Sử dụng nó để kiểm tra mà không tạo tài khoản. Yêu cầu duy nhất là chế độ kiểm tra phải được sử dụng (tham số

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

8 được đặt thành

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

9).

PREVIEW

2

Tải xuống

Dưới đây là tất cả các tệp bạn cần làm theo hướng dẫn này:

Cài đặt tác nhân .NET

Với Nuget:

Với bảng điều khiển Trình quản lý gói:

Tạo tài liệunever be used in a publicly-accessible location, instead try using our referrer-based API or a server-side agent such as PHP or Ruby.

Khóa API hiển thị ở đây,

PREVIEW

3

Tải xuống

Dưới đây là tất cả các tệp bạn cần làm theo hướng dẫn này:

Cài đặt tác nhân .NET

Với Nuget:

Với bảng điều khiển Trình quản lý gói:

PREVIEW

4

Tạo tài liệu

Khóa API hiển thị ở đây,

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

7, thực sự hoạt động! Sử dụng nó để kiểm tra mà không tạo tài khoản. Yêu cầu duy nhất là chế độ kiểm tra phải được sử dụng (tham số

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

8 được đặt thành

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

9).

PREVIEW

2

Tải xuống

Dưới đây là tất cả các tệp bạn cần làm theo hướng dẫn này:

Cài đặt tác nhân .NET

PREVIEW

6

Tạo tài liệu

Khóa API hiển thị ở đây,

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

7, thực sự hoạt động! Sử dụng nó để kiểm tra mà không tạo tài khoản. Yêu cầu duy nhất là chế độ kiểm tra phải được sử dụng (tham số

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

8 được đặt thành

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

9).

PREVIEW

2

Tải xuống

Dưới đây là tất cả các tệp bạn cần làm theo hướng dẫn này:

Cài đặt tác nhân .NET

PREVIEW

8

Tạo tài liệu

Khóa API hiển thị ở đây,

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

7, thực sự hoạt động! Sử dụng nó để kiểm tra mà không tạo tài khoản. Yêu cầu duy nhất là chế độ kiểm tra phải được sử dụng (tham số

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

8 được đặt thành

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

9).

PREVIEW

2

Tải xuống

Dưới đây là tất cả các tệp bạn cần làm theo hướng dẫn này:

Cài đặt tác nhân .NET

Với Nuget:

Tạo tài liệu

Khóa API hiển thị ở đây,

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

7, thực sự hoạt động! Sử dụng nó để kiểm tra mà không tạo tài khoản. Yêu cầu duy nhất là chế độ kiểm tra phải được sử dụng (tham số

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

8 được đặt thành

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

9).

PREVIEW

2

Tải xuống

Dưới đây là tất cả các tệp bạn cần làm theo hướng dẫn này:

Cài đặt tác nhân .NET

Với Nuget:. Specify the watermark: To reuse a watermark and watermark options that you saved in an earlier session, select it from the Saved Settings menu. To create a text watermark, select Text, and type the text in the box.

Với bảng điều khiển Trình quản lý gói:

Tạo tài liệu.

Khóa API hiển thị ở đây,

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

7, thực sự hoạt động! Sử dụng nó để kiểm tra mà không tạo tài khoản. Yêu cầu duy nhất là chế độ kiểm tra phải được sử dụng (tham số

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

8 được đặt thành

#watermark {
  flow: static(watermarkflow);
}

@page {
   @prince-overlay {
      content: flow(watermarkflow)
   }
}

9).

PREVIEW

2

Bạn cũng có thể tải xuống DLL trực tiếp từ GitHub.

Cài đặt tác nhân Java

Thêm gói

#watermark {
  flow: static(watermarkflow);
  font-size: 120px;
  opacity: 0.5;
  transform: rotate(-30deg);
  text-align: center;
}

5 vào dự án của bạn. Ví dụ: với maven, bạn sẽ thêm gói docraptor vào

#watermark {
  flow: static(watermarkflow);
  font-size: 120px;
  opacity: 0.5;
  transform: rotate(-30deg);
  text-align: center;
}

6 của bạn:never be used in a publicly-accessible location, instead try using our referrer-based API or a server-side agent such as PHP or Ruby..

Ví dụ JavaScript

Docraptor & Node.js

Cách tốt nhất để sử dụng docraptor với node.js trực tiếp thông qua API HTTP của chúng tôi. Trong ví dụ này, chúng tôi sẽ sử dụng mô -đun Axios, nhưng rõ ràng bạn có thể sử dụng bất kỳ máy khách HTTP nào bạn muốn.