मैं HTML फ़ाइलों को पीडीएफ दस्तावेजों में परिवर्तित करने के लिए wkhtmltopdf (जो वेबकिट रेंडरिंग इंजन का उपयोग करता है) का उपयोग कर रहा हूं। जेनरेट किए गए पीडीएफ ए 4 हैं। दूसरे शब्दों में, उन्होंने आयाम तय किए हैं, और इस प्रकार सीमित चौड़ाई है।-webkit-transform का उपयोग करते समय अनचाहे बाएं हाशिए: स्केल (...)
मेरे पीडीएफ में से एक टेबल में छवियां होती हैं, जो एक पहेली जैसी फैशन में जटिल रूप से पाई जाती हैं, और जो कभी-कभी बहुत सारे कमरे लेती हैं।
ए 4 पीडीएफ की बाधाओं में परिणामी पहेली को फिट करने के लिए, मैं सीएसएस संपत्ति -webkit-transform: scale (...) लागू कर रहा हूं;
यह पहेली को खूबसूरती से स्केल करता है, और यह अभी भी स्पष्ट रूप से सुगम है, लेकिन किसी कारण से यह पहेली को दाईं ओर पहेली को धक्का देता है। यह स्पष्ट रूप से अपने बाएं मार्जिन को 0.
दिलचस्प रूप से पर्याप्त है, मेरे वेबकिट परिवर्तन में छोटा पैमाने, बाईं ओर बड़ा मार्जिन होने के बावजूद, पहेली तालिका के बाईं ओर एक महत्वपूर्ण मार्जिन जोड़ रहा है। तो उदाहरण के लिए, यदि मैं स्केल (0.75) का उपयोग करता हूं तो परिणामी बाएं मार्जिन लगभग 200 पिक्सेल है। यदि मैं स्केल (0.5) का उपयोग करता हूं तो परिणामी बाएं मार्जिन लगभग 400 पिक्सेल है।
मैंने बाएं के साथ पूर्ण, निश्चित और रिश्तेदार स्थिति का उपयोग करके पहेली तालिका को बाईं ओर संरेखित करने का प्रयास किया है: 0. मैंने इसे बाईं ओर तैरने की कोशिश की है, साथ ही इसे टेक्स्ट-एलाइन के साथ एक कंटेनर में चिपकाया है बाईं ओर सेट करें। इनमें से कोई भी तकनीक काम नहीं करती है।
कोई भी विचार जहां यह बायां मार्जिन आ रहा है और मैं इसे कैसे हटा सकता हूं/इसके आसपास काम कर सकता हूं? http://css-infos.net/property/-webkit-transform-origin-x
अद्यतन: इस संपत्ति उपलब्ध यहाँ पर
-webkit-transform-origin-x: 0;
और जानकारी: Richar- देख
क्रॉसब्रोसर समर्थन के लिए: 'ट्रांसफॉर्म-उत्पत्ति: 0-%' ''ms' और' -webkit' उपसर्गों के साथ। [स्रोत] (https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin) –
@ रिचर्ड-डीडब्ल्यू का समाधान फ़ायरफ़ॉक्स में भी काम करता है, मूल नहीं है। आप इसे उत्तर के रूप में जोड़ना चाहेंगे – patrick