zoom css/javascript

Question

Tôi muốn biết thuộc tính thu phóng có thể được điều khiển thông qua javascript, như div.style.top, cách chỉ định để thu phóng?

Answer 1

Firefox & Chrome (Webkit) tương đương với trình duyệt IE-cụ thể là tài sản zoom là, tương ứng, -moz-transform và -webkit-transform.

Một mẫu mã sẽ là:

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

Bạn sẽ phải cẩn thận hơn một chút với Javascript (thử nghiệm cho sự tồn tại đầu tiên), nhưng đây là cách bạn muốn thao tác chúng:

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

Answer 2

Đây là tài sản của style, nhưng không được tất cả các trình duyệt hỗ trợ. Đó là non-standard Microsoft extension of CSS mà Internet Explorer triển khai. Nó được truy cập như thế này:

div.style.zoom 

Answer 3

Bạn có thể muốn thử một plugin jQuery nhẹ có tên là Zoomoz. Nó sử dụng các thuộc tính biến đổi CSS3 (dịch, xoay, chia tỷ lệ). Kiểm tra các "Phóng to phần cách jQuery Hy vọng nó giúp

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