放大/缩小容器

Question

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

例如http://s12.postimage.org/kari583gd/Untitled.png

是否有任何第三方库可以帮助我实现这个？请告诉我从哪里开始.先感谢您.

Answer 1

环顾互联网，似乎没有任何库可以满足您的意图 - 尽管我希望被证明是错误的。

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

然而，通过查看 的源代码zoomooz，我非常确定您是这样做的：使用jQuery animate 函数慢慢应用csstransform属性中的更改。scale(XValue, YValue)更具体地说，您想为此使用该函数。

使用 CSS 需要记住以下几点transform：

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