我希望获得相对于元素原点的鼠标坐标，而不是页面的原点。如果我正确理解，可以在d3的第3版中使用d3鼠标(这个)来完成这一任务，例如： let coor = d3.mouse(this)}
然而，当我在第4版中尝试这一点时，我会得到一个't.getBoundingCl
浏览 0提问于2018-02-06得票数 1
回答已采纳
当事件正在运行时，d3.event.x给出鼠标单击的x坐标的位置，但它是相对于整个HTML文档的。我尝试使用jQuery的$(' svg ').position()来获取svg的实际位置，但返回的值明显是错误的。编辑:我在firefox中检查了一下，$(&
浏览 0提问于2012-04-20得票数 30
回答已采纳
当嵌入了任何d3图表时，画笔接收无意义的鼠标坐标，在任何情况下都不是相对于发生单击的容器。(实际上，这至少是包围的svg。)我试图找到一个解决方案，但我不知道如何才能强制d3.brushX使用鼠标坐标，因为鼠标坐标确实是相对的。我不知道这是不是一个bug，它可能与画笔本身没有真正的关系，而是浏览器如何通过鼠标点击自上而下的DIV直到到达SVG。这是。，取自 The fiddle只能
浏览 0提问于2019-09-26得票数 0
我正在使用Snap库，我想移动一个加载到我的页面中的元素。我想要移动(或“翻译”)对象，以精确的屏幕坐标，从一个触摸事件(以使对象跟随我的手指)。它们可以是screenX、pageX或clientX (和y)。不幸的是，在我看来，Snap.svg只使用这些“转换字符串”和矩阵，这意味着我只能相对于其初始位置移动元素，而不能移动到精确的屏幕坐标。问这个问题的一个简单方法是，如何将加载的.SVG移动到确切的屏幕位置，<e
浏览 1提问于2014-03-02得票数 0
回答已采纳
在iPhone上，D3的pan/缩放行为不能很好地工作。若要查看问题，请访问iPhone：上的此页面我使用的是D3 v3.5.17。进一步研究表明，某些SVG元素(如<rect>和<circle> )将正确捕获触摸事件，通过D3引导它们，并防止移动浏览器响应
浏览 3提问于2016-11-29得票数 0
回答已采纳
我正在创建一个以d3为起点的分组条形图。我为可读性做了一些小的修改，如下面的屏幕截图所示；截图也演示了我遇到的问题。var yRight = d3.svg.axis() .orient("right");
然后，我应用了下面的附录我把这两件事
浏览 1提问于2015-02-19得票数 2
回答已采纳
1回答
我有一个带有SVG的网页。在它的一些形状上，我需要显示一个工具提示。然而，我不能让工具提示出现在它应该出现的地方，因为它离形状本身只有几个像素的距离。d3.select("body") .select("g") .on("mouseover(){return tooltip.style(&quo
浏览 0提问于2014-01-16得票数 17
回答已采纳
我试图使用CSS旋转SVG路径，但在Firefox中无法正常工作。在Firefox中，动画工作，但起源相对于SVG，而不是路径本身。我学到了，但为什么呢？为什么SVG路径的行为与其他HTML元素不同？这似乎是违反直觉的。我找到的唯一替代解决方案是使用viewbox的width和height以及路径的width、height、x和y坐标计算实际原点，然后使用固定的像素值。虽然这是可行的，但它几乎没有Chrome解决方案那么方便或实用。实际上，我的路径甚至
浏览 1提问于2016-07-13得票数 0
回答已采纳
2回答
翻译后，我试图放大SVG元素，但是当我开始初始缩放时，SVG的位置会重置为0,0。我希望变焦和平移从页面加载的移动位置开始。<svg id="#svg"> ....a bunch of SVG<svg>
var winCenterV =myMatrix.transl
浏览 1提问于2019-07-19得票数 1
回答已采纳
我在我的网页中包含了一些在Chrome/FF/Opera/Safari/IE9中工作的脚本，但它们与IE8或更低版本不兼容(关于信息，这是非常棒的)。
为了向他们显示‘对不起’，我的页面脚本中的消息不适用于您，而不是尝试使用D3库并导致JavaScript错误。HTML<e
浏览 9提问于2012-01-06得票数 3
回答已采纳
1回答
我使用autohotkey.When记录了一大堆用户交互，我回放了脚本，我的鼠标坐标应该点击某个地方，而不是点击其他地方。这些鼠标坐标是相对于活动窗口的，所以它们不应该在错误的位置单击。
浏览 1提问于2012-10-23得票数 1
1回答
Graphviz给我的输出基本上是这样的： <g id="graph0" class="graph" transform="scale(0.138865 0.138865) rotate</g>我不是Svg专家，但似乎由于节点的内容是相对于图组而不是节点组定位的，所以在节点上执行scale将会产生不希望看到的结果。我是否必须遍历
浏览 0提问于2015-05-05得票数 1
1回答
我有一个特定于缩放行为的问题，默认的墨卡托投影刻度值，在我的例子中是一个非常荒谬的值(75000)，因为不知怎么的，这是我能够让我的TOPOJson地图成为项目的唯一方法，而不是一个点。一旦滚动到缩放，该值就会跳回默认的投影缩放值，而不是基于鼠标轮进行缩放。我有一种感觉，原因是为了让地图显示，我需要使我的投影比例尺值真的很高(75000)。所以当页面加载时，缩放看起来很好，就像.但是，当您试图平移或放大一个鼠标轮单击，它跳到。
我试图将代码限制在投影和缩放逻辑上。= d3.select("#ma
浏览 2提问于2017-05-06得票数 2
回答已采纳
1回答
我有一个图像，我可以在那里放置标记，只要我点击.：
我需要将这些标记位置保存在json数组中，然后将其发送到服务器。我已经做过了。但我认为我发送的坐标是绝对的。因为我需要在另一个页面中使用它们，当我显示与以前相同的图像时，标记不在相同的位置，因为它们的位置不是相对于图像本身的坐标，而是屏幕坐标。知道当我提交表单时如何转换它们，然后在另一个页面中显示图像时，另一个函数将相对坐
浏览 1提问于2013-08-16得票数 2
回答已采纳
1回答
单击SVG中的事件坐标
、、、、
').click(clicked);Chrome:坐标基于SVG元素的左上角，无论我在哪里单击SVG。火狐：坐标是基于任何元素的左上角，可能是SVG、多边形或文本。
当在SVG中而不是在它的任何子元素中时，坐标是基于SVG元素的。在多边形中，坐标是基于<g>组的原点，其translate偏移量(
浏览 0提问于2019-02-21得票数 3
回答已采纳
2回答
我想得到鼠标点击一个矩形svg的坐标。我正在尝试将鼠标单击坐标打印到控制台。所以我试着： console.log(d3.mouse(this));我知道错误null
$(docume
浏览 7提问于2014-12-11得票数 9
3回答
rotate([112.07, 0]).translate([920, 850]); var svg= d3.select("body").append("svg").attr("width", w).attr("height", h);
d3.json("data/phoenix.json", function(json) {
浏览 0提问于2013-05-07得票数 0
回答已采纳
本页面演示了如何在d3中使用PJAX加载外部html文件：然而，我的版本不起作用。当我点击一个链接时，我得到了一个DOM错误(而不是将html加载到页面上)。我已经尝试使用Chrome控制台来找出到底是什么导致了DOM错误，但没有效果。是不是有什么东西我忘了抄了？
浏览 0提问于2013-04-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
