Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [inne]Generowanie druków w przeglądarce, Zapis do pdf
ejty2023
post 21.05.2023, 16:01:18
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 15.05.2023

Ostrzeżenie: (0%)
-----


Moi drodzy, przygotowałem sobie interface - tz: dodawanie rekordów do bazy danych a następnie możliwość druku. Mam pusty formularz w jpg (w razie potrzeby moze być w innym formacie) i chciałem na puste miejsca formularza nakładać tekst a następnie generować plik do druku na a4.

Konkretnie to chodzi o wypełnianie voucherów który ma rozmiar 210mm na 1/3 wysokości A4 w pionie czyli po prostu generator voucherów który zapisywałby mi wypełniony voucher do pliku który mógłbym wydrukować (na przykład PDF). I tu się zaczynają schody bo nie wiem jak to ugryźć.

Na początku porobiłem sobie to ładnie w divach i fajnie się tekst dopasowywał ale tego chyba nie ma możliwości wygenerować do pliku pdf żeby było kilka stron i tło i style css? Jak Wy to robicie?


już sobie poradziłem wiec temat do zamkniecia.

gdyby ktos jednak potrzevbował - to dość proste. Tu się określa rozmiar druku i co ma się na druku znajdować a co nie, czyli na przykład na stronie mamy jakiś element (na przykład przycisk z napisem drukuj) ale na druku go nie chcemy to dodajemy display: none przy nim ...


@page {
size: A4;
margin: 0;
border: none;
}

@media print {
html, body {
width: 210mm;
height: 297mm;
border: none;
padding: 0;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
....
}
Go to the top of the page
+Quote Post
Tomplus
post 22.05.2023, 05:53:04
Post #2





Grupa: Zarejestrowani
Postów: 1 828
Pomógł: 225
Dołączył: 20.03.2005
Skąd: Będzin

Ostrzeżenie: (0%)
-----


Warto używać tagów do stylowania kodu:

  1. @page {
  2. size: A4;
  3. margin: 0;
  4. border: none;
  5. }
  6.  
  7. @media print {
  8. html, body {
  9. width: 210mm;
  10. height: 297mm;
  11. border: none;
  12. padding: 0;
  13. -webkit-print-color-adjust: exact !important;
  14. print-color-adjust: exact !important;
  15. }

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 10:17