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 .NETBạ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ínhBướ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]
}
}
2Phụ thuộc
#watermark {
flow: static[watermarkflow];
}
@page {
@prince-overlay {
content: flow[watermarkflow]
}
}
3Sử dụng API của docraptor
Tải xuống
#watermark {
flow: static[watermarkflow];
}
@page {
@prince-overlay {
content: flow[watermarkflow]
}
}
4Tả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]
}
}
7Cài đặt tác nhân .NET
#watermark {
flow: static[watermarkflow];
}
@page {
@prince-overlay {
content: flow[watermarkflow]
}
}
8Bạ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
0Với bảng điều khiển Trình quản lý gói:
PREVIEW
1Tạ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
2Tả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
3Tả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
4Tạ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
2Tả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
6Tạ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
2Tả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
8Tạ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
2Tả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
2Tả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
2Bạ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
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..#watermark {
flow: static[watermarkflow];
font-size: 120px;
opacity: 0.5;
transform: rotate[-30deg];
text-align: center;
}
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.