है मार्जिन के लिए सामग्री नहीं है लेकिन पृष्ठभूमि पर हर पृष्ठ परिवर्तित करने के लिए जब मुद्रण/HTML करने के लिए पीडीएफ

0

सवाल

मैं काम कर रहा हूँ पर एक वेबसाइट की जरूरत है कि निर्यात करने के लिए सामग्री के साथ एक वेब पेज एक पीडीएफ के रूप में लेकिन यह है के लिए सम्मान की निम्नलिखित शर्तें:

  • पृष्ठभूमि है करने के लिए पूरी तरह से मुद्रित हर पृष्ठ पर
  • सामग्री ओवरलैप नहीं करना चाहिए पृष्ठभूमि

के बाद से वेबसाइट का उपयोग करता है PHP मैं उपयोग करने की कोशिश की mPDF जो मैं पहले से इस्तेमाल किया पर एक PHP वेबसाइट है कि एक ही स्थिति है । mPDF दिखाया पूर्ण पृष्ठभूमि के प्रत्येक पृष्ठ पर पीडीएफ फाइल में जब भी पेज नहीं था पूरी तरह से सामग्री से भरा है और मैं कर सकता सेट मार्जिन प्रभावित है कि सामग्री है, लेकिन नहीं पृष्ठभूमि है, जो अभी भी पूरे कवर पेज ।

अफसोस की बात है, mPDF काम नहीं कर रहा है इस नई वेबसाइट के साथ, बहुत संभावना है, क्योंकि यह का उपयोग करता है बूटस्ट्रैप और फ्लेक्स लेआउट (यह लौटे मुझे एक पीडीएफ के बारे में एक हजार पृष्ठों, ज्यादातर खाली, दूसरों के साथ बहुत तेजी से बढ़ी में टुकड़े के पृष्ठ), पर शीर्ष के उस भाग की सामग्री से बदल रहा है जावास्क्रिप्ट को पेश करने से पहले यह उपयोगकर्ता के लिए और नहीं था कि खाते में ले लिया से mPDF (मैंने देखा था कि जब मैं हटा दिया बूटस्ट्रैप.सीएसएस की अनुमति दी है जो मुझे देखने के लिए रूपांतरण के परिणाम).

तो मैं बंद करने के लिए कठपुतली https://github.com/puppeteer/puppeteer जो प्रिंट सामग्री का उपयोग कर बस ठीक क्रोम हुड के तहत, लेकिन मैं कुछ मुद्दों पर. पहले मुद्दा था कि मैं नहीं कर सकता प्रिंट पूर्ण पृष्ठभूमि हर पृष्ठ पर है, लेकिन मैं इसे हल लेखन के समय इस सवाल बनाने के द्वारा एक div के साथ position: fixed और width और height पर 100% है कि काम करता है के रूप में पृष्ठभूमि

दूसरा मुद्दा यह है कि जब मैं सेट मार्जिन में कठपुतली (जो अंत में कर रहे हैं के रूप में एक ही मुद्रण हाशिये में क्रोम) को प्रभावित करते हैं, पृष्ठभूमि भी (यह एक मुद्दा था भी बनाने से पहले तय div) तो मैं नहीं मिल सकता है एक तरीका है करने के लिए पाठ ओवरलैप नहीं पृष्ठभूमि

यहाँ आप एक उदाहरण देख सकते हैं: https://stackblitz.com/edit/web-platform-vlfqfz?file=index.html

आप पूर्वावलोकन में एक अन्य टैब और मुद्रित करने का प्रयास करें, यह आप देख सकते हैं समस्या मैं सामना करना पड़ रहा है

google-chrome printing puppeteer
2021-11-23 10:09:26
1

सबसे अच्छा जवाब

0

तो, जाहिरा तौर पर यह संभव नहीं है करने के लिए मैं क्या था वास्तव में पूछ में इस सवाल है तो मैंने पाया एक वैकल्पिक समाधान है ।
मैं शीर्ष कटौती और नीचे के भाग की पृष्ठभूमि और इस्तेमाल किया छवियों के रूप में उन्हें अंदर कठपुतली के शीर्ष लेख और पाद लेख । यह एक समय लिया करने के लिए छवियों के साथ मेल खाना position: fixed div कार्य करता है कि पृष्ठभूमि के रूप में (जो अब होता ही पक्षों की पृष्ठभूमि), लेकिन स्थापना के लिए एक निश्चित चौड़ाई के शरीर पर काम किया

2021-11-24 15:44:17

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में