变焦的CSS/JavaScript的

我想知道如何变焦属性可以通过JavaScript控制，像div.style.top，如何指定变焦？变焦的CSS/JavaScript的

2010-01-08 sat

它不存在似乎。这是一个表（我认为所有）的CSS属性JavaScript。http：//codepunk.hardwar。 org.uk/css2js.htm – Robin 2010-01-08 08:30:36

感谢您的链接，有用的。不幸的是没有放大，因为你已经提到过！ – sat 2010-01-08 08:48:34

火狐&铬（的Webkit）当量特定IE-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)';

2010-01-08 08:43:46

el.style.zoom = 1.5; 作品冷却，我以错误的方式给出了价值！，缩放的可接受数字是多少？它是在1到2之间，如果我提到1.5是150％？ – sat 2010-01-08 09:07:26

我不确定缩放级别是否有限。是的，1.5 => 150％ – 2010-01-08 09:12:18

1 == 100％，你可以超越2. – Tracker1 2010-01-08 09:33:51

这是style的属性，但它不是所有的浏览器都支持。这是Internet Explorer实现的non-standard Microsoft extension of CSS。被访问这样的：

div.style.zoom

2010-01-08 08:41:42 zombat

我主要在Safari中测试，在safari中，如果我给变焦值的CSS风格，它的作品，但不div.style.zoom 。= 200％或200 + “％” 或200或 “200％” – sat 2010-01-08 08:46:59

变焦是非标准属性，因此WebKit引擎不能识别它 – zombat 2010-01-08 08:52:52

你可能想尝试一个名为Zoomoz的轻量级jQuery插件。它使用CSS3转换属性（平移，旋转，缩放）。看看“放大jQuery方式部分，希望它有帮助。

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

2013-03-25 20:43:02 juanpaulo

错字：[Zoomooz.js]（http://jaukia.github.io/zoomooz/） – 2013-08-04 22:06:06

回答