【问题标题】:How do we configure hammerjs pinch in/out speed?我们如何配置hammerjs捏入/捏出速度?
【发布时间】:2017-02-24 11:56:29
【问题描述】:

我在我的 SVG 元素上使用了hammerjs 捏入/捏出。目前在单捏时它正在缩小最大,但我想配置速度,以便我可以根据我的步长限制缩放(例如 1 步 - 20% 缩放)。

【问题讨论】:

  • 您能否包含处理捏合事件的代码?您正在使用 pinch 事件的什么属性以及您正在更改 SVG 的哪个方面?例如,如果您将元素大小设置为 scale 属性的 100 倍的百分比,则可以改为将其设置为 scale 属性的较小部分。
  • 我正在使用 svg 图形并尝试动态设置夹点,并且还想设置夹点的最小和最大范围。不应添加任何固定的宽度和高度。如果您有任何样品或解决方法,请告诉我。

标签: angularjs hammer.js pinchzoom pinch


【解决方案1】:

你可以在你的捏合事件中做这样的事情,它会将捏合速度减半:

this.pinchScale = (event.scale / 2) + 1

并在您的容器中反应:

width: `${this.containerWidth * this.pinchScale}px`,
height: `${this.containerHeight * this.pinchScale}px`,

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-06-17
    • 2013-03-21
    • 2014-09-27
    • 2014-04-07
    • 2015-04-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多