在d3中缩放和平移svg后，我试图找出顶部和右下角的坐标。我让对象在svg中移动，这样我就可以决定对象点是否在当前缩放/平移视图之外移动，并动态进行平移。
浏览 26提问于2021-04-20得票数 1
我正在尝试使用带有zoom和pan选项的D3库来开发一个时间线图表。这是jsfiddle - 。
只有当我将鼠标悬停在x轴刻度或图表中的Circles上时，我才能缩放和平移。如何通过在图表上的任意位置悬停来允许缩放和平移。此外，在缩放/平移时，图表内的圆圈在达到x轴域范围时仍会显示，只有在达到svg宽度时才会消失。
浏览 3提问于2017-03-14得票数 0
1回答
1183.848267,3258.348389 我使用d3平移和缩放事件来平移和缩放整个svg.似乎html页面必须在每次平移或缩放时重新渲染它们，这使得操作相当缓慢。理论上有没有什么方法可以让平移和
浏览 1提问于2013-07-28得票数 1
2回答
我正在尝试使用d3的缩放行为来正确控制我的d3图表的缩放和缩放。我已经将问题简化为以下最小的可运行示例。我希望用户不能以一种允许他看到y轴上0线下方的方式进行缩放。该示例在非缩放状态下工作，方法是将translateExtent设置为svg的全高，但当用户稍微放大时，该设置就会中断。事实上，你放大得越远，你就能越深入地观察负片区域。我在每个缩放事件上重新绘制直线和轴的原因是，通常我
浏览 15提问于2017-07-28得票数 4
回答已采纳
2回答
我需要显示一个带有拓扑/阴影地貌背景的D3地图。需要实现所有用户功能(例如缩放和平移)
问题是PNG非常重(20MB)，整个体验都有严重的PNG，以至于无法使用。在D3中
浏览 118提问于2018-05-31得票数 2
回答已采纳
我已经实现了平移，缩放和拖动在d3部队布局代码。他们工作得很好。但是，我注意到了一个问题:每当我平移或缩放时，节点都不会展开以完成视图。
你可能会得到更清晰的屏幕截图附上。
浏览 2提问于2015-10-13得票数 0
回答已采纳
我有 d3 js地图。我试着做一个像变焦和平移这样简单的东西，结果就停了下来。现在只有点放大(我使用v4)。如何“同步”点的缩放和平移并绘制svg地图？如何在d3 v4中设置缩放和pan的限制？
浏览 2提问于2018-06-28得票数 3
回答已采纳
1回答
我正在使用D3，到目前为止，我已经能够调整叶绿体的例子，只绘制一个特定的状态。这只需要删除所有其他多边形数据，这样我就可以得到所需的状态。我是这样开始的：
然后把事情调整成这样：
然而，我想要做的是在创建地图时自动平移/缩放地图，这样状态就会显示在显示器的前面和中心，如下所示：
我是通过D3库来做这件事的吗？或者一些独立的代码(我目前用d3运行jquery-svgpan以允许手动平移/缩放
浏览 3提问于2012-09-18得票数 5
回答已采纳
2回答
我正在使用d3呈现一个简化的甘特图，并使用d3.behavior.zoom进行平移和缩放。X刻度是一个时间刻度(稍微修改为以列为中心的日历日期，等等)，并且工作得很好，但是我在决定如何缩放/平移y刻度时遇到了问题，它的域是一个任务列表，它通常太多而不适合图表区域，所以需要平移/缩放。有没有一种方法可以告诉默认的序数比例对缩放/平移事件做出反应，或者我应该编写一个自定义比
浏览 1提问于2012-11-12得票数 8
回答已采纳
1回答
当用户单击中的链接但svg不移动时，我试图平移并缩放svg的元素(在我的示例中是一个圆圈和矩形)，这是我的代码(我使用的是viewBox=“0012001200”)
var svg = d3.select= svg.select("g").attr("transform", "translate(" + translate + ")" + " scale(" + scale + ")&qu
浏览 0提问于2018-01-26得票数 0
回答已采纳
我正在将我的应用程序从d3 v5升级到v6，并且在迁移d3鼠标功能时遇到了问题。在我的应用程序中，我将转换到顶级svg组，并使用缩放功能来缩放和平移(缩放和翻译)。现在，我要用d3指针替换d3鼠标函数。在双击事件中，我通过调用d3.pointer(event)获得鼠标位置。但是，这个函数不会产生一个相对于我的顶级svg组定位和<
浏览 1提问于2020-10-03得票数 11
回答已采纳
我正在尝试为我为Unveil.js ()实现的缩放和平移行为添加约束边界。启用边界后，您不能在场景边界之外平移，缩放级别(=缩放)不应低于1.0。因此，如果你处于zoomlevel 1.0，你应该根本不能平移。
您可以在stacks示例中看到无约束行为: dejavis.org/stacks。使用鼠标滚轮进行缩放。真正困难的问题是相对于鼠标指针的缩放也会导致视口移出位置。因此，在<
浏览 0提问于2010-08-31得票数 3
回答已采纳
1回答
我在很大程度上基于构建了一个D3力图。 "translate(" + d3.event.translate + ")"}我如何更改平移<em
浏览 12提问于2017-07-09得票数 0
回答已采纳
2回答
在我正在开发的一个相当简单的d3可视化中，我正在尝试手动调整缩放级别。请参阅：
缩放和平移后(使用shift+click缩小)，按“默认缩放”按钮，然后再次尝试平移。这里的目的是重新应用缩放行为，因此，希望清除它可能使用的任何缓存值。似乎不管用。有什么建议吗？
浏览 4提问于2012-07-22得票数 1
回答已采纳
3回答
我使用D3 v4创建了一个允许x轴平移和缩放的图形。为了减少重新生成图形的次数，我在摇摄和缩放时对图形进行不同的更新。For Panningpath.attr("transform", d3.event.transform)。usageLinePath.attr('d',line); /
浏览 4提问于2017-08-15得票数 2
3回答
我们正试图在D3创建的地图上实现缩放按钮--本质上就像它在谷歌地图上的工作一样。变焦事件可以通过编程方式使用d3ZoomBehavior.event(myContainer);
并且地图将使用视图的当前转换来缩放如果使用缩放按钮，焦点(缩放中心)不再是平移，而是视图端口的中心。对于缩放使用滚动轮，我们可以选择使用zoom.center -但这显然没有任何影响时，调度您自己的事件。对于
浏览 4提问于2013-08-28得票数 2
回答已采纳
2回答
我已经设法使d3.js line+area图形与焦点/上下文刷新和平移/缩放同步，这里有一个小示例：
我在这里的第183行：...as：if
浏览 2提问于2013-10-05得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
