我有以下问题:我创建了一个以div为节点的d3强制定向图，并包含了d3缩放行为。当我缩小或放大很多时，拖动节点的速度要么太快(放大时)，要么太慢(缩小时)。我修复了这个问题，方法是应用d3.mout(d3.select(“.links”).node())，这样鼠标坐标就会从缩放区域的内部获取。但由于我这样做了，我注意到，当拖动一个节点时，这个节点会跳跃。它以鼠标指针为中心，而不是仅仅跟随鼠标。
浏览 19提问于2017-03-15得票数 3
回答已采纳
我有一个简单的绘图与缩放功能沿Y轴。当我用轮子改变变焦时，它可以正常工作。但当我使用鼠标拖动，然后在开始时，图表跳跃。下面是我在缩放事件上使用的函数:我想应该添加一些测试，如果事件是轮子还是鼠标，以及在鼠标事件的情况下进行更多的计算。new_yScale.range()); setMaxY(new_yScale.domain()[1]);
我正在使用D3我尝试conso
浏览 2提问于2022-11-15得票数 0
回答已采纳
在d3.js V4中，d3.vent.y给出了SVG元素中的事件y位置，但是我需要事件的位置，就像它在G元素中的位置一样。例如，如果鼠标位于G元素的顶部而不是d3.vent.y，则应该为零。但在我的尝试中，如果鼠标位于SVG元素的顶部，则只有零。这是我的尝试： --试着把‘水’线上下拖。这条输水线和鼠标拖来的是不匹配的。我的SVG将按照页面的宽度进行缩放，所以我不能硬编码值。D3 V4代码：
var
浏览 3提问于2017-05-22得票数 0
回答已采纳
在d3.js v4中，我尝试实现对线图的画笔(缩放选定区域)。我希望在X或Y方向的画笔是根据鼠标移动的方向来选择的。如果鼠标向左或向右移动，则需要调用brushX，如果鼠标首先向上或底部移动，则需要调用brushY。
有没有办法实现这一点？
浏览 0提问于2017-09-26得票数 0
我的目标是构建一个D3 (v4)图表，它同时使用和，如下所示：
当鼠标定位在图表主体上时，用户可以缩放(用鼠标轮)或刷子将x域设置为特定范围。库创建一个rect，其中包含类overlay，并附加适当的鼠标事件，让我在
浏览 16提问于2017-10-09得票数 9
我用D3.js在ObservableHQ.com中制作了一个简单的缩放和潘笔记本，我有两个问题：
我尝试过不同的代码，但是我发现的简单代码不像我想的那样。
浏览 12提问于2022-11-15得票数 0
1回答
我正在使用奇妙的svg -pan-缩放插件()来支持/缩放我的svg元素，我想让鼠标拖动来移动它。我在svg中有一个单独的elemen，在这里我想防止拖动，因为它有一个click事件，当用户单击它时，有时它会拖动svg元素。所请求的行为是按标准方式拖动，除非鼠标在此元素上按下。如何防止鼠标拖动？
浏览 2提问于2015-11-22得票数 1
我使用了力图并为它添加了缩放。(我再次为我的English.Thank you感到非常抱歉。)
这是我的变焦代码。
浏览 22提问于2018-03-01得票数 2
回答已采纳
我正在使用d3.behavior.zoom在树布局上实现平移和缩放，但它表现出一种行为，我将其描述为弹跳或数字不稳定。当你开始拖动时，显示屏会莫名其妙地跳来跳去，直到消失。
浏览 0提问于2012-06-12得票数 24
我现在在做D3.js。这是为我的svg标记注册缩放监听器的代码functiontranslate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");svg.call(zoomListener)
现在，当我在svg元素上滚动鼠标
浏览 7提问于2014-03-10得票数 5
回答已采纳
1回答
@转角/cdk/拖放
、、、
在pan缩放元素中，我有使用的可拖动元素。我找到了处理它的，但是我无法复制它，它使用的是JQuery可拖式。有谁知道如何使可拖动的元素保持与鼠标相同的速度时，放大或放大与角-cdk-拖放？
谢谢。
浏览 9提问于2020-09-11得票数 2
我知道，从v4开始，d3-缩放会吞噬某些事件，原因我并不完全理解。我读过一些关于这个的，我知道如果我在鼠标向下操作stopPropagation()，那么缩放行为就不会有机会消耗这个事件，而mouseup就会触发。这样做的问题是，变焦不起作用。对于需要处理mouseup事件的情况，我还没有找到解决办法，和仍然有缩放工作。我对拖案特别感兴趣。当用户按下鼠标并开始拖动画布时，我希望将光标更改为紧握的手，当用户停止拖动并释放鼠标时，我希望将
浏览 0提问于2020-02-13得票数 5
回答已采纳
2回答
我正在做svg项目，我使用d3.js来获得更好的ui，在我的图表中添加了缩放功能，但奇怪的是，它的缩放不能在Google中工作。svg.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");另外，我还想防止节点拖动时的转换这是我的
用于测试，将左元素拖动到右div
浏览 6提问于2013-11-29得票数 6
回答已采纳
1回答
我正在构建一个d3.js条形图，它将允许我在x轴上滚动，方法是将具有固定宽度和高度的svg元素包装在具有溢出属性的较小div中。发布代码后，条形图将呈现在html div元素中。$(vizhtmlelement).mousewheel(function() {});
这
浏览 3提问于2013-10-26得票数 0
在v3中，我使用拖动原点来防止由于鼠标位置/元素坐标偏移而出现明显的跳跃。在v4中是否有替代方法，因为源函数已被删除？
浏览 12提问于2016-07-27得票数 5
1回答
我需要使用CSS3缩放和平移div元素所以你可以放大，平移，放大更多，平移，缩小等等。有一个绝妙的答案！这里：<div id="graphics"> $("#graphics").dr
浏览 1提问于2014-02-07得票数 7
1回答
使用D3 v4，SVG，以及mousemove上的缩放行为，我想在SVG的协调系统中显示鼠标协调。
mousemove事件似乎只提供客户/屏幕协调。我可以看到使用axis/scales/etc的例子，但我没有创建图形，也没有使用axis/etc- -我使用D3.js作为交互关系图。SVG元素的SVG组元素。缩放效果很好；我可以看到将翻译/缩放应用到组中。我尝试修改上面的内容，以便对已经转换的from<e
浏览 0提问于2018-05-08得票数 4
回答已采纳
2回答
如何防止鼠标打开后触发鼠标？
、、、、
在我的Javascript应用程序中，我遇到了事件冒泡的问题，即我不想在鼠标启动元素后触发mouseleave (已经实现了拖动行为，因此它移动，鼠标离开)。我使用d3.js以下列方式捕获事件： .on("mouseover", function(d,i){
...
浏览 0提问于2013-09-03得票数 1
回答已采纳
1回答
因为它是缩放的，所以我想实现一个可拖动的功能，在这里我可以拖动地图并查看地图的其他部分。geoMercator();
//The reason why we have to do this is because d3SVG元素，而不是SVG的映射内容。2:当拖动事件第一次发生时，拖动的元素被放置在鼠标光标的右下角，然后跟着
浏览 5提问于2021-06-11得票数 1
回答已采纳
云服务器
ICP备案
云直播
对象存储
实时音视频
腾讯云开发者
