Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用d3实现缩放按钮_Javascript_Svg_D3.js_Zooming_Pan - Fatal编程技术网

Javascript 使用d3实现缩放按钮

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开发一个图形可视化网页,我 需要在图形上提供基本的缩放和平移功能

我查看了d3.behavior.js文件,以了解缩放功能是如何实现的 作品就默认行为而言,这很好。但是有吗 任何可以手动调用缩放功能的方法,比如
附加它以缩放和缩小按钮。

d3中的缩放行为似乎与鼠标事件密切相关

你可以做的一个变通方法是,当你点击一个按钮时,手动触发“mousewheel”(ie/webkit)和“DOMMouseScroll”(firefox)事件


您可以在这里看到一个如何注册和分派这些事件的示例:

我认为您只需要获取当前的比例,增加/减少一个,然后将其设置回原位

之后,使用新比例更新可视化