Html2canvas: रोटेट इमेज का उपयोग करते समय Html2canvas, कैनवस क्रॉप किया जाता है

हाय @ amine86 , यह एक समस्या है कि html2canvas कैसे रूपांतरित तत्वों की क्लिपिंग को संभालता है, जिसे मैंने इस पुल अनुरोध में ठीक करना शुरू किया। मैंने यहाँ केवल html2canvas (और मूल html2canvas का उपयोग करके, बिना मेरे पुल निवेदन के, यहाँ प्रयोग करके) आपके फिडेल का सरलीकृत संस्करण बनाया है।

यह एक मुश्किल समस्या है कि मेरा मानना ​​है कि HTML2canvas में क्लिपिंग कैसे की जाती है, इसे फिर से लिखना होगा। मैं transform: translate() मुद्दों को ठीक करने में सक्षम था, लेकिन घुमाव एक अलग मुद्दा है जिसे मैं उसी तरह हल नहीं कर सकता।

हाय @eoopmans आपकी मदद के लिए बहुत बहुत धन्यवाद, दुर्भाग्य से मैं अपनी परियोजना पर इसे बारी बारी से इस मुद्दे को ठीक किए बिना उपयोग नहीं कर सकता, क्या आपको पता है कि कोई भी प्लगइन या स्क्रिप्ट जो अच्छा काम करती है वह html को कैनवास या html से svg में बदल सकती है? यहां तक ​​कि एक चाल है कि लाइसेंस खरीदने की जरूरत है?

आपकी सहायता के लिए धन्यवाद

हाय @ amine86 , आपके पास इस दृष्टिकोण के साथ भाग्य हो सकता है, HTML को एसवीजी के माध्यम से प्रदान करना और फिर एक कैनवास में:
https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas

RasterizeHTML भी है, जो html2canvas के समान है। मैंने या तो बहुत संपर्क करने की कोशिश नहीं की है, मुझे बताएं कि क्या वे आपके लिए काम करते हैं!

हाय @ekoopmans

 RasterizeHTML does not work good on some browser,
 I tried to find a solution but without succes for html2canvas, the result is not the same, on each test with a rotate I got a different design,  I think I will switch to try to create my design with imageGD from php librairie,

Anyway I want to thank you for your feedback and helps, thanks my friend,

मुझे कुछ के बारे में बताएं, 0.5.0-beta4 में आप इसके लिए कुछ परीक्षण कार्यक्षमता जोड़ते हैं। क्या हम देख सकते हैं कि योगदान देने की कोशिश करने और कुछ अच्छे परिणाम प्राप्त करने के लिए वह भाग कोड कहाँ है? धन्यवाद!

हाय @CreativForm , हाँ यह एक अच्छा विचार है, @eKoopmans आप इस के साथ हमारी मदद कर सकते हैं?

नमस्ते, मुझे यकीन नहीं है कि आप किस परीक्षण कार्यक्षमता का वर्णन कर रहे हैं। आप काम मैं ठीक करने के लिए किया है देख सकते हैं फसल सीएसएस-परिणत यहाँ ।

@eKoopmans मुझे उम्मीद है कि आप ठीक हैं, इस मुद्दे के बारे में कोई खबर?
क्या आपने पहले ही अपने मॉड्यूल html2PDF में एक फिक्स जोड़ दिया था?

धन्यवाद,

हे @ amine86 , मैं बहुत धन्यवाद कर रहा हूँ! दुर्भाग्य से कोई प्रगति नहीं ... मुझे अब कोडिंग में वापस आने के लिए कुछ समय मिल रहा है, इसलिए मैं देखूंगा कि क्या मैं इसे जल्द ही बना सकता हूं।

अरे @eoopmans , आप उत्तर के लिए धन्यवाद, आशा है कि आप इसे जल्द ही हल कर सकते हैं, आपकी मदद के लिए धन्यवाद

नमस्कार @eKoopmans , मुझे उम्मीद है कि आप ठीक हैं, आपके मॉड्यूल "html2PDF" पर कोई भी अपग्रेड इस मुद्दे को घुमाने के लिए?

धन्यवाद,

नहीं, लेकिन अनुस्मारक के लिए धन्यवाद। आपने देखा होगा कि मैं केवल एक लंबे अंतराल के बाद परियोजना में वापस आया हूँ। यह सिर्फ कल एक v1.0.0 अल्फा जारी किया @niklasvh की तरह दिखता है, कुछ जवाब पकड़ सकता है कि!

अगर आप पढ़ रहे हैं तो @niklasvh , क्षमा करें, मैंने html2canvas की मदद के लिए कुछ भी नहीं किया है। मुझे आशा है कि यह अच्छा हो रहा है!

नमस्कार @eKoopmans आपकी त्वरित प्रतिक्रिया के लिए बहुत बहुत धन्यवाद,
हां, मैंने नवीनतम रिलीज का परीक्षण किया, लेकिन मैंने देखा कि हमेशा एक ही समस्या आई जब एक घुमाव का उपयोग किया गया (परिणाम क्रॉप किया गया),
इस अंतिम रिलीज़ में यह "html2pdf" में उपयोग होने वाले "स्केल" से चूक गया, क्या आपने इसे इसमें जोड़ने के लिए प्रदान किया था?

@amineeg क्या आप html2canvas या html2pdf की नवीनतम रिलीज़ के बारे में बात कर रहे हैं?

Html2canvas की नवीनतम रिलीज़ में scale विकल्प जोड़ा गया है, हालांकि इसमें dpi । यह अभी तक क्लिपिंग और सीएसएस ट्रांसफॉर्म के इस मुद्दे को संबोधित नहीं किया है।

@eKoopmans हाँ आप सही हैं, इसमें पैमाने हैं, उम्मीद है कि रोटेट की यह समस्या जल्द ही हल हो जाएगी।
आपकी मदद के लिए बहुत बहुत शुक्रिया।

मैं पैमाने के साथ क्लिपिंग मुद्दा पड़ा है।
जब एक बड़ी छवि को स्केल करना यह ठीक काम करता है (फे ट्रांसफॉर्म स्केल (1.4))
छोटी छवि को स्केल करते समय यह छवि को क्लिप करता है (फ़ेड ट्रांसफ़ॉर्म स्केल (0.6))

हाय @eupmans , इस मुद्दे के बारे में कोई खबर? क्या हम इस रोटेशन समस्या को हल करने के लिए किसी तरह आपकी मदद कर सकते हैं?

नमस्कार @eKoopmans @CreativForm ,

इस बग के लिए कोई खबर?

धन्यवाद,

हाय @ मेरी तरफ से नहीं, मैं प्रतीक्षा कर रहा हूं @eKoopmans कुछ कहने के लिए। :)

धन्यवाद @CreativForm , @eKoopmans @niklasvh इस मुद्दे के बारे में कोई खबर?

@eKoopmans इस मुद्दे पर कोई आंदोलन?

विंडो को शीर्ष पर स्क्रॉल करने का प्रयास करें:

window.scrollTo(0,0);

मैंने स्वयं इस समाधान का परीक्षण किया है और यह प्रतिज्ञा कर सकता हूं कि यह मेरे लिए काम करता है - यह html2canvas के साथ एक बग प्रतीत होता है।

यकीन नहीं क्यों, लेकिन यहां तक ​​कि जब एक तत्व पूरी तरह से ऑफस्क्रीन है, तो यह कोई समस्या नहीं है। लेकिन शीर्ष पर सभी तरह से स्क्रॉल नहीं किया जा रहा है, जो कि स्पष्ट रूप से कैप्चर की गई कैनवास छवि के कारण लंबवत रूप से ऑफसेट करने का कारण बनता है।

यह परिणामस्वरूप छवि को सही ऊँचाई देने का कारण बनता है लेकिन पिक्सेल की X संख्या से ऊपर से ऑफसेट करना शुरू कर देता है, जिससे छवि के शीर्ष में रिक्त स्थान होता है।

संदर्भ: https://stackoverflow.com/questions/40349075/html2canvas-image-is-geting-cut