文件名称：d3-zoom:使用鼠标或触摸输入平移和缩放SVG，HTML或Canvas
文件大小：270KB
文件格式：ZIP
更新时间：2024-06-01 17:53:03
JavaScript
d3变焦 平移和缩放是流行的交互技术，通过限制视图，使用户可以将注意力集中在感兴趣的区域上。 由于直接操作，因此很容易学习：单击并拖动以平移（平移），旋转*以缩放（缩放），或使用触摸。 平移和缩放在基于Web的地图中广泛使用，但也可以与时间序列和散点图等可视化一起使用。 d3-zoom实现的缩放行为是一种方便但灵活的抽象，用于启用对平移和缩放。 它处理各种令人惊奇的和浏览器怪癖。 缩放行为与DOM无关，因此可以将其与SVG，HTML或Canvas一起使用。 缩放行为也设计为与和； 请参见和 。 您还可以限制使用变焦和使用平移 。 缩放行为可以与其他行为结合使用，例如用于拖动）和用于聚焦+上下文）。 缩放行为可以使用zoom .transform进行编程控制，从而允许您实现用户界面控件来驱动显示或通过数据进行动画导览。 平滑的缩放过渡基于Jarke J. van Wijk和Wim
【文件预览】：
d3-zoom-master
----rollup.config.js(869B)
----img()
--------brush.png(38KB)
--------axis.png(137KB)
--------dots.png(32KB)
--------transition.png(15KB)
----package.json(2KB)
----.eslintrc.json(226B)
----test()
--------jsdom.js(118B)
--------transform-test.js(2KB)
--------zoom-callback-test.js(2KB)
--------zoom-events-test.js(2KB)
--------zoom-test.js(4KB)
----LICENSE(1KB)
----src()
--------zoom.js(15KB)
--------index.js(126B)
--------noevent.js(175B)
--------event.js(443B)
--------constant.js(29B)
--------transform.js(1KB)
----.gitignore(63B)
----README.md(37KB)
----yarn.lock(75KB)
----d3-zoom.sublime-project(340B)