在容器中放大/缩小

Question

我想实现一个系统，以使用javascript实时放大/缩小容器div。容器包含通过使用jsPlumb库通过一条线连接的不同subdivs我的网页看起来是这样的：

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特性，使网页缩放时的屏幕内配合，而不是边界或类似的东西外面去。
• 除了transform之外，还包括浏览器特定前缀，如-webkit-transform,-ms-transform和-moz-transform。
• 根据Mozilla的说法，CSS转换是一项实验性功能，因此请确保您的用户正在使用的浏览器为compatible。