d3-transition

轉場是一個類似選取的介面，用於對 DOM 進行動畫變更。轉場不會立即套用變更，而是會在給定的時間內，平滑地將 DOM 從目前的狀態內插到目標狀態。

若要套用轉場，請選取元素，呼叫 selection.transition，然後進行所需的變更。例如

d3.select("body")
  .transition()
    .style("background-color", "red");

轉場支援大部分的選取方法（例如 transition.attr 和 transition.style，取代 selection.attr 和 selection.style），但並非所有方法都受支援；例如，您必須在轉場開始前加入元素或繫結資料。提供 transition.remove 算子，用於在轉場結束時方便地移除元素。

若要計算中間狀態，轉場會利用各種內建內插器。顏色、數字和轉換會自動偵測。字串中嵌入的數字也會偵測，這在許多樣式（例如內距或字型大小）和路徑中很常見。若要指定自訂內插器，請使用 transition.attrTween、transition.styleTween 或 transition.tween。

請參閱下列其中一個

d3-transition ​