सीएसएस रोटेट। IE में संभव

मैं संक्षिप्त रहूंगा।

सीएसएस परिवर्तन: IE में घुमाएँ संपत्ति उपलब्ध नहीं है।

लेकिन हर कोई जानता है कि एक प्रोजिड फिल्टर है : DXImageTransform.Microsoft.Matrix , जो निश्चित रूप से छवि को घुमाता है। लेकिन बता दें कि यह काफी सही नहीं है ।

इस फिल्टर का उपयोग करने के बारे में 99% लेखों में इस वाक्यांश जैसा कुछ है।

फ़िल्टर: परिवर्तन मैट्रिक्स

छोड़ दिया:?

सही:

* पीएस: बाएं और दाएं आनुभविक रूप से हैं

वास्तव में ऐसा नहीं है।



मैं यहां पर किलोमीटर नहीं डालूंगा।

मैं खुद को मुख्य तक सीमित रखूंगा



1. कोण की गणना

var rad = (angle * Math.PI) / 180.0;

cos = Math.cos(rad),

sin = Math.sin(rad);







2. परिवर्तन मैट्रिक्स प्राप्त करें

var filter='progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11 = ' + cos + ', M12 = ' + (-sin) + ', M21 = ' + sin + ', M22 = ' + cos + ')';







3. इस बिंदु पर हमें एक्स और वाई का एक विशिष्ट मिश्रण मिलता है

आप निश्चित रूप से, सरलतम मैट्रिक्स संचालन को अंजाम दे सकते हैं और इसे बहुत वांछित ऑफसेट प्राप्त कर सकते हैं , लेकिन वास्तव में - आप इसे और भी आसान कर सकते हैं (मुझे लगता है कि मैट्रिस लंबे समय से भूल गए हैं)



बहुत शुरुआत में, आपको तत्व के आयामों को याद रखने की आवश्यकता है।

और मोड़ के बाद - इसे मूल आकार की तुलना में वर्तमान के डेल्टा में स्थानांतरित करें, दो से विभाजित।



यानी



var sizeopt={

w:test.width(),

h:test.height()

};

.....

//

var w=test.width();

var h=test.height();

//

test.css({'margin-left':-Math.round((w-sizeopt.w)/2),'margin-top':-Math.round((h-sizeopt.h)/2)});







उदाहरण , स्वच्छ स्रोत



IE में उदाहरण नहीं खोलने के लिए - इसका कोई मतलब नहीं है।

सुंदर के प्रेमी - एक अधिक विहित समाधान है, जिसमें सीएसएस के माध्यम से रोटेशन को नियंत्रित करने की क्षमता भी शामिल है - सीएसएसंडपैपर - वहां आप शास्त्रीय गणित और कताई तत्वों के आसपास रैपर के विभिन्न समाधान पा सकते हैं। लेकिन बहुत कोड है। व्यक्तिगत रूप से मेरे कार्यों के लिए बहुत अधिक है।



पुनश्च: जीवन सुंदर है, मोड़ मत लो