Hướng dẫn jspdf html to pdf - jspdf html sang pdf
Những điều cần biết về PDF file ?I : Lợi ích khi sử dụng PDF file
II : Giới thiệu về jspdf _ Cách dowload thư viện :_
1 : Khởi tạo Đầu tiên chúng ta cùng bàn luận làm cách nào để khởi tạo một tài liệu mới nhé ... Nó rất đơn giản, chỉ cần bạn chạy câu lệnh sau :
Khi khởi tao bạn cần chú ý một số tham số đầu vào như sau :
Nếu như nội dung tài liệu của bản quá lớn và một trang giấy là không đủ, cần sử dụng thêm một trang mới , chúng ta có thể sử dụng đoạn code sau :
Khi bạn sử dụng đoạn mã trên , 5 (chiều rộng) và 6 (chiều dài) sẽ được sử dụng với đơn vị là đơn vị ( 7) được định nghĩa khi khởi tạo tại tài liệu , và khi đó mọi hành động của bản với tài liệu sẽ là sẽ được hiểu là bạn đang hoạt động với trang này .Nếu bạn muốn chuyển qua trang khác làm việc thì có thể sử dụng đoạn mã sau :
Nếu bạn muốn lấy số trang thực thế đang làm việc thì có thể sử dụng đoạn mã sau :
Đoạn bên trên nghe có vẻ khó hiểu đúng không ... Ok, bây giờ mình sẽ tạo 1 ví dụ để minh họa lại :
2 : Làm việc với text. Đầu tiên, chúng ta cần cho hiện dòng text lên trên tài liệu. Chúng ta dùng hàm 8 cùng với 3 tham số như sau :
Điều thứ hai chính là font chứ mà bạn sự dụng với dòng text của mình. Chúng ta có thể chọn một số font chứ sau : 3, 4, 5 ... Chúng ta có thể sửa font family và font style bằng cách chạy đoạn mã sau :
Còn nếu như bạn không biết nên sử dụng font nào hay không biết font nào mà thư viện cung cấp cho chúng ta. Đừng lo, chúng ta có đoạn mà sau để trợ giúp bạn tìm ra các font mà thư viện cung cấp :
Chúng ta cũng có thể thay đổi font style individually bằng cách sử dụng function sau :
Tiếp theo là đến size của font ... Thật đơn giản vì chúng ta đã có hàm dưới đây để set giá trị :
Và cuối cùng là màu của text . Chúng ta có thể thay đổi màu của text băng cách sử dụng hàm 6 và truyền vào ba tham số theo mô hình RGB color (tìm hiểu thêm về RGB trên wiki nhé, mình cũng ko rõ lắm về phần này ) 0Vậy đó, thật đơn giản đúng không. Tiếp theo chúng ta sẽ nghiên cứu làm việc với image nhé ! 3 : Làm việc với image Chỉ có một hàm dành cho image trong thư viện cuat chúng ta , đó là 7 cùng với 4 tham số đầu vào. 1
Ví dụ : 24 : Làm việc với graphics Đầu tiên, chúng ta phải xác đinh màu nào sẽ phủ lên các khoảng trống của hình vẽ và màu nào sử dụng với nét vẽ ... Ở đây chúng ta sử dung 2 hàm 2 và 3 với các tham số truyền vào là mã màu trong 4 . Nó sẽ có dạng như sau : 3Tiếp sau đó, chúng ta có thể xác định được độ rộng cho một nét vẽ bằng cú pháp 5 và đầu vào là độ rộng nét vẽ bạn muốn với đơn vị là đơn vị đã được cấu hình lúc khởi tạo tài liệu : 4Thư viên này có có thông số cuối cùng để qui định cách vẽ ... Cụ thể như sau : 5Ở đây , chúng ta có thể hiểu 6 là vẽ nét bao quanh và 7 là phủ vùng trống của hình khối ... Đây là 2 cách vẽ khác nhau vào có thể kết hợp vs nhau ... 8 vẽ nét bên ngoài rồi phủ khoảng trống bên trong hoăc 9 phủ các khoảng trống bên trong rồi vẽ nét bên ngoài :Chúng ta có thể vẽ 1 hình elip theo các cách sau : 6... hoặc tạo 1 hình tròn với bán kính : 7... cũng có thể tạo 1 hình chữ nhật với chiều dài vào chiều rộng : 8... hoặc bạn thích 1 cái gì đó khó hơn như 1 hình chữ nhật được bo tròn 4 góc ... quá đơn giản, chỉ cần truyền vào chiều dài chiều rộng và bán kình là được : 9... hay là một hình tam giác : 0Tài Liệu Tham Khảo :
|