Javascript 在容器中放大/缩小

Javascript 在容器中放大/缩小,javascript,jquery,html,zooming,Javascript,Jquery,Html,Zooming,我想实现一个系统,使用javascript“实时”放大/缩小容器div。容器包含不同的子窗口,这些子窗口通过一条线使用JSplump库连接。我的网页如下所示: 是否有任何第三方库可以帮助我实现这一点?请告诉我从哪里开始。提前感谢您。环顾互联网,似乎没有任何库可以满足您的需要-尽管我希望被证明是错的 编辑:在处理与此完全无关的内容时,我遇到了一个名为的库,它允许您放大任何元素。它的API看起来很容易使用,但它仍然是一个概念证明,不适用于IE。创建者明确表示,在任何重要的事情上都不使用它,这就是

我想实现一个系统,使用javascript“实时”放大/缩小容器div。容器包含不同的子窗口,这些子窗口通过一条线使用JSplump库连接。我的网页如下所示:


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

环顾互联网,似乎没有任何库可以满足您的需要-尽管我希望被证明是错的

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


但是,通过查看的源代码,我非常确定您是如何做到这一点的:使用来缓慢地应用中的更改。更具体地说,您希望使用
缩放(XValue,YValue)
函数来实现此功能

关于使用CSS
transform
,需要记住以下几点:

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

不确定,但感谢您的评论,您应该看到其中的内容,但缩放需要是动态的,而不是预定义的缩放值。。。