d3-zoom:使用鼠标或触摸输入平移和缩放SVG，HTML或Canvas

d3变焦 平移和缩放是流行的交互技术，通过限制视图，使用户可以将注意力集中在感兴趣的区域上。 由于直接操作，因此很容易学习：单击并拖动以平移（平移），旋转轮子以缩放（缩放），或使用触摸。 平移和缩放在基于Web的地图中广泛使用，但也可以与时间序列和散点图等可视化一起使用。 d3-zoom实现的缩放行为是一种方便但灵活的抽象，用于启用对平移和缩放。 它处理各种令人惊奇的和浏览器怪癖。 缩放行为与DOM无关，因此可以将其与SVG，HTML或Canvas一起使用。 缩放行为也设计为与和； 请参见和 。 您还可以限制使用变焦和使用平移 。 缩放行为可以与其他行为结合使用，例如用于拖动）和用于聚焦+上下文）。 缩放行为可以使用zoom .transform进行编程控制，从而允许您实现用户界面控件来驱动显示或通过数据进行动画导览。 平滑的缩放过渡基于Jarke J. van Wijk和Wim