zoom css/javascript

Question

Chciałbym wiedzieć, jak właściwości zoomu można kontrolować za pomocą javascript, jak div.style.top, jak określić zoom?

Answer 1

Firefoksa & Chrome (Webkit) ekwiwalentów do IE określonej zoom właściwości są odpowiednio -moz-transform i -webkit-transform.

Próbkę kodu będzie:

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

Trzeba by być nieco bardziej ostrożny z JavaScript (test na istnienie pierwszy), ale oto jak chcesz je manipulować:

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

Answer 2

Jest to własność style, ale nie jest obsługiwana przez wszystkie przeglądarki. Jest to implementacja przeglądarki Internet Explorer. Jest on dostępny w następujący sposób:

div.style.zoom 

Answer 3

Być może warto wypróbować lekką wtyczkę jQuery o nazwie Zoomoz. Używa właściwości transformacji CSS3 (translate, rotate, scale). Sprawdzeniu „Powiększanie odcinek drogi jQuery Mam nadzieję, że to pomaga

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