mtdv logo

平移缩放

阅读时间约 3 分钟

graph.zoomTo(k = 1, duration = 700)

Function

调整画布缩放大小

参数

  • k : number optional

    画布缩放至指定 k 值,默认值 1

  • duration : number optional

    动画持续时间,默认值 700ms

返回值

  • zoomTransition : promise 过渡动画 promise 对象

graph.zoomIn(scaleRate = 1.2, duration = 700)

Function

调整画布缩放大小

参数

  • scaleRate : number optional

    画布缩放值 * scaleRate,默认值 1.2

  • duration : number optional

    动画持续时间,默认值 700ms

返回值

  • zoomTransition : promise 过渡动画 promise 对象

graph.zoomOut(scaleRate = 0.8, duration = 700)

Function

调整画布缩放大小

参数

  • scaleRate : number optional

    画布缩放值 * scaleRate,默认值 0.8

  • duration : number optional

    动画持续时间,默认值 700ms

返回值

  • zoomTransition : promise 过渡动画 promise 对象

graph.transformTo(transform = {x : this.width / 2, y : this.height / 2, k : 1}, duration = 700)

Function

画布平移缩放到指定位置

参数

  • transform : object optional
    • x : number 水平方向平移量,默认值画布宽度/2
    • y : number 垂直方向平移量,默认值画布高度/2
    • k : number 缩放值,默认值 1
  • duration : number optional

    动画持续时间,默认值 700ms

返回值

  • zoomTransition : promise 过渡动画 promise 对象

graph.translateTo(x = this.width / 2, y = this.height / 2, duration = 700)

Function

基于画布位置计算平移缩放位置

参数

  • x : number optional

    水平方向平移量,默认值画布宽度/2

  • y : number optional

    垂直方向平移量,默认值画布高度/2

  • duration : number optional

    动画持续时间,默认值 700ms

返回值

  • zoomTransition : promise 过渡动画 promise 对象

graph.zoomTransitionControlFlow

Array<promise>

正在执行的平移缩放动画队列


graph.zoom

object

画布平移缩放系统,d3.zoom 实例


graph.transform

object { x : number; y : number; k : number; }

画布当前平移缩放值,d3.zoom.transform 实例