D3移除'缩放'彻底地
D3 remove 'zoom' completely
我正在尝试从svg中完全删除缩放。
zoom = d3.behavior.zoom()
.x(userNodesScaleX)
.y(userNodesScaleY)
.on("zoom", zoomed);
userMapSvg.call(zoom);
这在SVG的顶部添加了一个"rect.background",防止鼠标事件到达SVG中的其他元素。
所以我决定完全取消缩放。删除事件,删除矩形。我该怎么做?
当前代码为
removeZoom = d3.behavior.zoom()
.on("zoom", null);
这不起作用。它只切换事件。
要停止任何将来的缩放以转换页面,请删除侦听器:
zoom.on("zoom", null)
撤消以前的缩放转换:
zoom.scale(1).translate([0,0]).event(userMapSvg)
http://bl.ocks.org/1wheel/6414125
bl.ocks顶部的按钮显示了这两种行为。
如果两者都不是你想要的,那么发布一个问题的工作示例将非常有帮助。您可能还需要查看缩放文档。
我发现的另一种工作方法是将缩放的范围以及.extent
和translateExtent
设置为width和height元素(从而完全禁用缩放)。当然,也可以将scaleExtent
设置为[1,1]。
尝试
userMapSvg.on(".zoom", null);
相关文章:
- D3.JS向rect添加缩放和列表项
- 当我在节点上拖动鼠标时,我如何防止使用d3.ehavior.zoom().on(“缩放”,重绘)
- 在d3中应用缩放平移和轴重缩放
- D3.js:缩放svg时错过刻度线
- 如果缩放为最大/最小,如何忽略d3.js缩放行为
- d3.js:在强制布局中使用缩放时,将禁用拖动
- D3缩放不起作用
- d3.event.scale 包含用于触摸设备的缩放 NaN
- D3.js:调整缩放示例以使用折线图
- d3.js带缩放的多线图:线错误
- 如何在D3中获得可缩放Icicle布局中文本标签的旋转
- D3.js在画布和svg中映射缩放行为
- 无法缩放D3组条形图
- 缩放 D3 力布局链接标记上的箭头
- 移动节点时如何停止平移?也限制缩放?D3.
- 如何缩放 D3 气泡图中的文本
- 缩放d3's直方图x域导致“;<的负值无效;rect>属性“;错误
- 缩放D3力向图不使用鼠标滚轮
- 可缩放d3折线图有消失的数据
- 缩放D3条形图到容器大小