文件名称:d3-drag:使用鼠标或触摸输入拖放SVG,HTML或Canvas
文件大小:230KB
文件格式:ZIP
更新时间:2024-06-01 17:53:36
JavaScript
d3-拖动 是一种流行且易于学习的指向手势:将指针移至某个对象,按住并抓住它,将对象“拖放”到新位置,然后松开以“放下”。 D3的提供了方便而灵活的抽象,以实现对的拖放交互。 例如,您可以使用d3-drag来促进与交互或碰撞圆的模拟: 您还可以使用d3-drag来实现自定义用户界面元素,例如滑块。 但是拖动行为不仅是为了移动元素。 有多种方式来响应拖动手势。 例如,您可以使用它来套点散点图中的元素,或在画布上绘制线条: 拖动行为可以与其他行为(例如缩放)结合使用。 拖动行为与DOM无关,因此您可以将其与SVG,HTML甚至Canvas一起使用! 您可以使用高级选择技术来扩展它,例如Voronoi叠加层或最接近目标的搜索: 最重要的是,拖动行为会自动统一鼠标和触摸输入,并避免浏览器特质。 当得到更广泛的使用时,拖动行为也将支持这些事件。 正在安装 如果使用NPM,则npm insta
【文件预览】:
d3-drag-master
----.eslintrc.json(251B)
----rollup.config.js(869B)
----yarn.lock(45KB)
----d3-drag.sublime-project(340B)
----src()
--------nodrag.js(860B)
--------drag.js(5KB)
--------constant.js(29B)
--------event.js(985B)
--------noevent.js(175B)
--------index.js(118B)
----img()
--------voronoi.png(37KB)
--------canvas.png(19KB)
--------force-graph.png(28KB)
--------dots.png(32KB)
--------drawing.png(18KB)
--------force-collide.png(67KB)
----LICENSE(1KB)
----README.md(20KB)
----.gitignore(63B)
----package.json(2KB)