Javascript 使用d3实现缩放按钮
我正在尝试使用d3开发一个图形可视化网页,我 需要在图形上提供基本的缩放和平移功能 我查看了d3.behavior.js文件,以了解缩放功能是如何实现的 作品就默认行为而言,这很好。但是有吗 任何可以手动调用缩放功能的方法,比如Javascript 使用d3实现缩放按钮,javascript,svg,d3.js,zooming,pan,Javascript,Svg,D3.js,Zooming,Pan,我正在尝试使用d3开发一个图形可视化网页,我 需要在图形上提供基本的缩放和平移功能 我查看了d3.behavior.js文件,以了解缩放功能是如何实现的 作品就默认行为而言,这很好。但是有吗 任何可以手动调用缩放功能的方法,比如 附加它以缩放和缩小按钮。d3中的缩放行为似乎与鼠标事件密切相关 你可以做的一个变通方法是,当你点击一个按钮时,手动触发“mousewheel”(ie/webkit)和“DOMMouseScroll”(firefox)事件 您可以在这里看到一个如何注册和分派这些事件的示例
附加它以缩放和缩小按钮。d3中的缩放行为似乎与鼠标事件密切相关 你可以做的一个变通方法是,当你点击一个按钮时,手动触发“mousewheel”(ie/webkit)和“DOMMouseScroll”(firefox)事件
您可以在这里看到一个如何注册和分派这些事件的示例:我认为您只需要获取当前的比例,增加/减少一个,然后将其设置回原位 之后,使用新比例更新可视化