放大/缩小容器

Question

我想用javascript实现一个系统来“实时”放大/缩小容器div。容器包含使用jsPlumb库通过一行连接的不同细分我的网页看起来像这样：

example http://s12.postimage.org/kari583gd/Untitled.png

是否有任何第三方库可以帮助我实现这一目标？请告诉我从哪里开始。提前谢谢。

Answer 1

环顾互联网，似乎没有任何图书馆可供你打算做什么 - 尽管我希望被证明是错误的。

编辑：在处理完全与此无关的内容时，我遇到了一个名为zoom.js的库，它允许您放大任何元素。它的API看起来很容易使用，但它仍然是一个概念证明，并不适用于IE。创作者特意说不要在任何重要的事情中使用它，这也是我保留旧答案的原因。

---

但是，查看zoomooz的源代码，我很确定您的操作方法如下：使用jQuery animate function在css transform property中慢慢应用更改。更具体地说，您希望使用scale(XValue, YValue)函数。

使用CSS transform要记住几件事：

• 设置transform-origin属性，以便在缩放时页面适合屏幕内部，而不是超出边框或类似内容。
• 除-webkit-transform外，还包括-ms-transform，-moz-transform和transform等浏览器特定前缀。
• 根据Mozilla的说法，CSS转换是一项实验性功能，因此请确保用户使用的浏览器为compatible。