ज़ूम सीएसएस/जावास्क्रिप्ट

Question

मैं जानना चाहता हूं कि जावास्क्रिप्ट, जैसे div.style.top, ज़ूम के लिए कैसे निर्दिष्ट करें?

Answer 1

फ़ायरफ़ॉक्स & क्रोम (वेबकिट) आईई विशिष्ट zoom संपत्ति के समकक्ष थे क्रमशः,, -moz-transform और -webkit-transform।

एक नमूना कोड होगा:

.zoomed-element { 
    zoom: 1.5; 
    -moz-transform: scale(1.5); 
    -webkit-transform: scale(1.5); 
} 

आपको Javascript (अस्तित्व के लिए परीक्षण पहले) के साथ एक थोड़ा और अधिक सावधान रहना होगा चाहते हैं, लेकिन इस तरीके से उन्हें हेरफेर करेंगे:

el.style.zoom = 1.5; 
el.style.MozTransform = 'scale(1.5)'; 
el.style.WebkitTransform = 'scale(1.5)'; 

Answer 2

यह style की एक संपत्ति है, लेकिन यह सभी ब्राउज़रों द्वारा समर्थित नहीं है। यह non-standard Microsoft extension of CSS है कि इंटरनेट एक्सप्लोरर लागू करता है। यह इस तरह से पहुंचा जा सकता है:

div.style.zoom 

Answer 3

आप Zoomoz नामक एक हल्के jQuery प्लगइन को आजमा सकते हैं। यह CSS3 रूपांतरण गुणों का उपयोग करता है (अनुवाद, घूर्णन, पैमाने)। चेक आउट "jQuery रास्ता अनुभाग ज़ूम आशा है कि यह मदद करता है

$(document).ready(function() { 
    $("#element").zoomTarget(); 
});