जावास्क्रिप्ट

Question

HI का उपयोग कर एक div के अंदर छवि को घड़ी की दिशा में या anticlockwise घुमाएं HI, क्या कोई तरीका है जिसके द्वारा मैं एक छवि को एक दक्षिणावर्त या anticlockwise अंदर घुमा सकते हैं।

मेरे पास डेटाबेस से लोड की गई छवियों के साथ एक मुख्य निश्चित चौड़ाई div [छिपाने के लिए ओवरफ्लो सेट] है। Div के अंदर छवियों को दिखाने के लिए एक स्क्रॉल बार है। जब छवि पर क्लिक किया जाता है तो मुझे घूर्णन एनीमेशन को या तो घड़ी की दिशा में या anticlockwise दिशा में दिखाने की जरूरत है।

मैं मैट्रिक्स फिल्टर का उपयोग कर यह किया है। मैं जानना चाहता हूं कि किसी भी फ़िल्टर का उपयोग किए बिना आईई में किया जाना संभव है या नहीं।

Answer 1

इस प्रयास करें:

: http://raphaeljs.com/image-rotation.html

कैनवास का उपयोग करता है, लेकिन यह भी आईई

Answer 2

आईई में क्लाइंट-साइड पर घूर्णन छवियों के लिए एकमात्र तरीका मैं फ़िल्टर का उपयोग कर रहा हूं। हाल के संस्करणों के लिए अन्य ब्राउज़रों के लिए आप <canvas> control का उपयोग कर सकते हैं।

आपका वैकल्पिक छवि को बारी बारी से करने के लिए एक सर्वर साइड स्क्रिप्ट का उपयोग करने के लिए है। तो फिर तुम कैसे जावास्क्रिप्ट के साथ यह बारी बारी से करने के बारे में जानकारी भेजने (अर्थात ऐसे /rotate?image=img.jpg & राशि = 90 के रूप में छवि के लिए एक पथ उत्पन्न)

Answer 3

CSS3 supports rotation, लेकिन it isn't widely supported कर सकते हैं। जैसा कि आपने जावास्क्रिप्ट समाधान, here's one के लिए कहा है, लेकिन मुझे नहीं लगता कि आप चिकनी छवियां प्राप्त कर सकते हैं।

Answer 4

आप jQuery उपयोग कर रहे हैं का समर्थन करता है, jQueryRotate एक छोटे (कम 3KB से minified + Gzipped) है कि छवियों घूमता प्लगइन है http://jqueryrotate.com/

Answer 5

किसी भी फ़िल्टर/html5 के बिना छवियों को घुमाने के लिए अन्य तरीका है .. यह वास्तविक दुनिया में बुरा और बेकार है, लेकिन संभव है।

आप जावास्क्रिप्ट के लिए अपनी छवि को पिक्सेल की सरणी के रूप में स्टोर कर सकते हैं। इसके साथ घूर्णन करने के लिए फ़ंक्शन लिखें और इसे बेस 64 डेटाौरी में एन्कोड करें, बीएमपी आसान हो सकता है और इसके साथ image.src को प्रतिस्थापित कर सकता है।

.. फ़ाइल आकार और पुराने ब्राउज़र और निश्चित रूप से भयानक प्रदर्शन में समर्थन के बारे में कुछ सीमा होगी