【问题标题】:Zoom in/out in a container放大/缩小容器
【发布时间】:2013-02-03 07:31:42
【问题描述】:

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

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

【问题讨论】:

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

标签: javascript jquery html zooming


【解决方案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

【讨论】:

    猜你喜欢
    • 2020-04-04
    • 1970-01-01
    • 2011-12-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-10-24
    • 1970-01-01
    相关资源
    最近更新 更多