zoom css/javascript

Question

Zoom özelliği javascript, div.style.top gibi aracılığıyla nasıl kontrol edilebileceğini bilmek isterim, nasıl yakınlaştırma belirtilir?

Answer 1

ateş & Krom (Webkit'teki) sırasıyla -moz-transform ve -webkit-transform yani spesifik zoom özelliğine eşdeğer.

bir örnek kod olacaktır: Burada

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

Sen JavaScript (ilk varoluş için testi) ile biraz daha dikkatli olması gerekirdi, ama onları manipüle bütçeyi nasıl:

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

Answer 2

Bu, style bir özelliğidir, ancak tüm tarayıcılar tarafından desteklenmez. Internet Explorer'ın uyguladığı non-standard Microsoft extension of CSS. Gibi erişilir:

div.style.zoom 

Answer 3

Zoomoz adlı hafif bir jQuery eklentisini denemek isteyebilirsiniz. CSS3 dönüşüm özelliklerini kullanır (çeviri, döndürme, ölçek). . //codepunk.hardwar:... Burada bir tablo (tüm düşünüyorum) javascript http css özellikleri var "jQuery yolu bölümünü Yakınlaştırma Umarım yardımcı olur

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