Html2canvas: मैं रोटेट इमेज को कैसे सेव कर सकता हूं?

CSS रूपांतरण अभी तक समर्थित नहीं हैं।

तो क्या मैं बेस 64 में छवि घुमा सकता हूं?

परिवर्तन सीएसएस काम नहीं कर रहा। कोई भी समाधान???

@arindamm इसका एकमात्र त्वरित समाधान होगा यदि आप "कैनवास" के लिए "CSS" को प्रतिस्थापित करते हैं
कैनवास पर छवि या टेक्स्ट लें और रोटेशन करें (यह लाइब्रेरी "html2canvas" के बाहर किया जाना चाहिए और फ़ंक्शन को कॉल करने से पहले होना चाहिए)।

यह मेरे आवेदन के माध्यम से संभव नहीं है। मैं एक ऑनलाइन कहानी की किताब बनाने जा रहा हूँ। वहां उपयोगकर्ता जितनी चाहें उतनी छवियां और टेक्स्ट रख सकते हैं। वे उन वस्तुओं को स्केल और घुमा भी सकते हैं। मैं इनके लिए डीआईवी टैग का उपयोग कर रहा हूं। मैं div तत्व के डेटा के साथ कैनवास कैसे बना सकता हूं? क्या आप कृपया सुझाव दे सकते हैं?

@arindamm जैसा कि मैंने उस समय छवि को बचाने के लिए कहा था,
आप सभी तत्वों और "window.getComputedStyle" (या jQuery) को यह पता लगाने के लिए ले सकते हैं कि "घुमाने" था या नहीं।
यदि ऑब्जेक्ट की शैली में "घुमाएं" तो आप "रोटेशन" और टेक्स्ट (या छवि) का मान लेते हैं जो ऑब्जेक्ट के अंदर होता है और "कैनवास" पर प्रभाव का अनुकरण करता है।

 वर कैनवास = document.getElementById ('myCanvas');
 वर संदर्भ = कैनवास। getContext ('2d');
 वर रेक्टविड्थ = 150;
 वर रेक्टहाइट = 75;
 // कैनवास के केंद्र में संदर्भ का अनुवाद करें
 संदर्भ। अनुवाद (कैनवास। चौड़ाई / 2, कैनवास। ऊंचाई / 2);
 // 45 डिग्री दक्षिणावर्त घुमाएं
 संदर्भ.रोटेट (Math.PI / 4);
 संदर्भ.फिल स्टाइल = 'नीला';
 संदर्भ.फिलरेक्ट (रेक्टविड्थ / -2, रेक्टहाइट / -2, रेक्टविड्थ, रेक्टहाइट);

कड़ियाँ:
https://developer.mozilla.org/en-US/docs/DOM/window.getComputedStyle
http://api.jquery.com/css/ (Jquery के साथ सीएसएस प्राप्त करें)
http://www.html5canvastutorials.com/advanced/html5-canvas-transform-rotate-tutorial/ (कैनवास+जावास्क्रिप्ट के साथ घुमाएं)

ध्यान दें:
कोई तैयार समाधान नहीं है, लेकिन शायद ये लिंक और कोड आप अपने मामले के लिए एक विकल्प बना सकते हैं।
एक और विचार यह है कि आप प्रत्येक ब्राउज़र के लिए एक प्लगइन बनाते हैं जो काम करता है:

क्रोम:
chrome.tabs.captureVisibleTab(integer windowId, object options, function callback)
लिंक: http://developer.chrome.com/extensions/tabs.html

फ़ायरफ़ॉक्स: void drawWindow( in nsIDOMWindow window, in float x, in float y, in float w, in float h, in DOMString bgColor, in unsigned long flags [optional]);
लिंक: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D?redirectlocale=en-US&redirectslug=DOM%2FCanvasRenderingContext2D#drawWindow ()

उम्मीद है की वो मदद करदे।

इसे बंद करना क्योंकि एक ही विषय पर कई अन्य मुद्दे हैं।

शायद यह ध्यान रखना दिलचस्प है कि घूर्णन वास्तव में काम करता है, जब आप किसी छवि को ब्लॉब के रूप में एम्बेड करते हैं ...

और भी अजीब: यह बिना बूँद के भी काम करता है। मेरी फाइल जो मुझे कुछ हफ़्ते पहले मिली थी, वह बताती है कि यह 0.4.1 है। खुद का निर्माण करते समय या बोवर के माध्यम से स्थापित करते समय, यह काम नहीं किया। दुर्भाग्य से मुझे याद नहीं है कि मैं इसे कहाँ ले गया, क्योंकि मैं बस खेल रहा था ...

सामग्री div नीचे आ रहा है जब मैं 0.4.1 का उपयोग करके चेकबॉक्स को चेक कर रहा हूं
क्या कोई मेरी मदद कर सकता हैं।

आप एक वर्कअराउंड कर सकते हैं जो यहां बताया गया है:
http://www.jjoe64.com/2015/10/html2canvas-and-css-transform-rotate.html

लिंक @ jjoe64 द्वारा धन्यवाद लेकिन html2canvas को समझ में नहीं आता है।

html2canvas कैनवास में डीओएम तत्वों (या पूर्ण पृष्ठ) को प्रस्तुत करने (रीड्रा) करने के लिए एक lib है और कैनवास टैग प्रस्तुत नहीं करता है।

आपका समाधान घूर्णन के साथ केवल एक तत्व के लिए काम करता है।

हाँ, यह एक समाधान नहीं है जो सही काम करता है लेकिन यह समस्या के लिए एक _वर्कअराउंड_ है, अगर आपको घुमाए गए टेक्स्ट या छवियों को प्रस्तुत करना है। और इस उपयोग के मामले के लिए यह हमारे प्रोजेक्ट में पूरी तरह से काम करता है जहां हमने इसका इस्तेमाल किया था।

मैं सीएसएस ट्रांसफॉर्म के साथ div को कैसे सहेज सकता हूं: परिप्रेक्ष्य?