5

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

例子

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

4

1 回答 1

0

环顾互联网,似乎没有任何图书馆可用于您打算做的事情-尽管我很想被证明是错误的。

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


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

关于使用 CSS 需要记住的几件事transform

  • 设置transform-origin属性,以便页面在缩放时适合屏幕内部,而不是超出边框或类似的东西。
  • 包括浏览器特定的前缀,如-webkit-transform,-ms-transform-moz-transform.transform
  • 根据 Mozilla 的说法,CSS 转换是一项实验性功能,因此请确保它与您的用户正在使用的浏览器兼容。
于 2013-12-31T03:10:52.387 回答