D3 JS -使用硬编码边界框属性使面可拖动不起作用
D3 JS是一个流行的JavaScript库，用于创建数据可视化的交互式图表和图形。它提供了丰富的功能和灵活性，使开发人员能够根据自己的需求定制和控制图表的外观和行为。
在D3 JS中，使用硬编码边界框属性使面可拖动不起作用的问题可能是由于以下几个原因导致的：
- 边界框属性错误：首先，需要确保边界框属性被正确地设置。边界框属性定义了面的位置和大小，如果设置不正确，可能会导致面无法拖动。可以检查边界框属性的数值是否正确，并确保其与面的位置和大小相匹配。
- 事件处理错误：D3 JS通过事件处理来实现交互功能，包括拖动。如果事件处理函数中存在错误，可能会导致面无法拖动。可以检查事件处理函数是否正确地绑定到面上，并确保事件处理函数中的逻辑正确。
- CSS样式冲突：有时，CSS样式可能会干扰面的拖动功能。可以检查是否存在与面相关的CSS样式，特别是与位置和大小相关的样式，确保它们不会干扰拖动功能。
总结起来，要解决使用硬编码边界框属性使面不可拖动的问题，需要确保边界框属性设置正确，事件处理函数正确绑定，并排除CSS样式冲突的可能性。
关于D3 JS的更多信息和使用示例，可以参考腾讯云提供的D3 JS官方文档和示例链接：
相关·内容
1回答
D3 JS -使用硬编码边界框属性使面可拖动不起作用
javascript、d3.js、polygon、bounding-box
我使用D3鼠标事件绘制一个多边形，如此所示。 //}
我想让整个多边形可拖动我尝试
浏览 15提问于2017-06-26得票数 1
回答已采纳
1回答
Javascript :是否有一种以编程方式停止拖动项目的方法？
javascript、d3.js
当我点击并拖动一个项目的时候。有没有一种方法可以让它在不松开鼠标按钮的情况下停止拖动？
例如，如果我将一个项目拖过某个边界框，我是否可以让它释放被拖动的项目？
浏览 0提问于2014-07-24得票数 3
回答已采纳
1回答
使flex包装div可滚动且不超过父边界
html、css、reactjs
我把问题陈述写进了代码框
目标：
reachable.make使蓝色容器可以滚动，这样每个白色的瓷砖都是，蓝色容器不超过红色容器的边界，但仍然尽可能大(尊重边距)使蓝色容器保持相同的大小，而不管它存放的不允许的东西有多少:1.不使用JS计算任何维度2.对于蓝色容器的任何尺寸或的包装，没有硬编码值
浏览 5提问于2022-10-16得票数 0
1回答
当保存文件或打印时，使屏幕变得“黑暗”的目的是什么？
upgrade、printing
当我保存文件或打印文档时，我的“后屏幕”会变黑，而“前屏幕”不会移动，这样我就可以读取文档的标题了。我通常按文章的标题保存文件，我以前可以将“前屏幕”移出中心，重新读取标题，以便拼写和准确命名该文件。为什么这不再是Ubuntu中的一个“特性”？
浏览 0提问于2018-11-02得票数 1
1回答
拖到调整分区大小
javascript、jquery、jquery-ui
我的现场页面：
我想让我的快速边栏，你看到的右边边与三个标签，有一个可拖动的宽度。我试过几次，但都没有成功；$('.Quick-Sidebar').resizable({});
虽然我已经看到了像
浏览 2提问于2016-04-06得票数 0
回答已采纳
5回答
PrimeNG P-对话框位置不适用于角
angular、angular-material、primeng
我正在尝试这个，但没有运气，使用角8和Primeng 9.0.0-rc.4。非常感谢。
浏览 0提问于2020-02-18得票数 1
回答已采纳
2回答
WebDriver拖放在页面上不工作。
java、selenium、selenium-webdriver、webdriver
我有一个很简单的测试 void dragAndDrop() driver.get("https://www.testandquiz.com/selenium/testing.html"); WebElement source = driver.findElement(By.id("sourceImage"));
WebElement target = driver.findElement(By.id("targetDiv
浏览 2提问于2020-06-25得票数 0
回答已采纳
1回答
如何用chrome扩展(内容脚本)重写事件侦听器？
reactjs、google-chrome-extension、drag-and-drop、content-script、trello
我面临的问题是，Trello以某种方式禁用了html5拖放，因此当我用属性draggable="true"拖动一些DOM (我用扩展注入了DOM)时，可拖放元素的半透明表示就不会出现。
。。(右边的红色框是由html5拖动机制创建的半透明表示)。
浏览 5提问于2016-07-18得票数 1
回答已采纳
1回答
如何在React本机中的Google上实现一个可拖的、可调整大小的多边形？
ios、google-maps、react-native、geofencing、react-native-maps
但是，由于将Google直接集成到React中似乎并不真正有效，所以我使用的是。看起来多边形的可拖属性在那里是不可用的。marker是可拖动的，我可以根据标记的新位置重新呈现多边形，但是1)标记拖放很慢，需要在标记解除前按下大约一秒钟，而2)重呈现不会是流动的。这就是拖动标记的样子(请注意，我还没有编码多边形的重新呈现)：它很笨重--你通常要按几次才能真正拿起标记。动画很慢。编辑1:鉴于拿起和丢弃marker的时间浪费动画似乎硬编码
浏览 0提问于2018-08-20得票数 11
2回答
使用JS创建HTML画布坐标与在HTML中嵌入时不同
javascript、html、canvas、html5-canvas
在玩HTML5画布和JS时，我发现当画布直接添加到HTML与使用JS创建画布时，我发现了一种奇怪的行为。 ctx.moveTo(0,0); ctx.stroke();
// creating canvas using JS
浏览 6提问于2015-05-22得票数 6
回答已采纳
1回答
在jquery.UI幻灯片事件上调用d3.js缩放行为
jquery-ui、d3.js
我有一个可缩放的SVG区域，有几个对象正在响应D3.js的缩放行为(即鼠标轮)。现在，我正试图将一个jQueryUI滑块附加到我的应用程序中，以便遵循这些行为。另一方面，如果更改了zoom，则应该会发生slider。有什么线索/想法吗？
我还需要隐藏/剪辑圆圈<em
浏览 0提问于2015-12-10得票数 0
回答已采纳
1回答
使图像完全响应，但保持高宽比
html、css、sass、responsive、responsive-images
我没有选择硬编码大小的产品盒，所以它必须对改变浏览器的宽度作出反应。到目前为止我试过：不能使用脚本，因为延迟加载图像，不能硬</
浏览 1提问于2022-02-04得票数 0
1回答
按钮按下的颜色，我如何使用默认的，无论是在4.4或以前？
android
我的理解是4.4改变了一些按钮的高亮颜色，使之变成灰色或更中性，而不是蓝色。在我的应用程序中，我有一些按钮，这是一个定制的可绘制-只是一个形状与圆角，然后一个选择器所有的状态。现在，在我的应用程序到目前为止，我只是硬编码的实际颜色在这个选择器，这是相同的，从默认的Holo主题在4.0-4.3。到目前为止，我已经尝试在我的选择器中使用属性'colorPressedHighlight‘，但是这不起作用(老实说，我并不完全理解属性/样式)
浏览 2提问于2014-01-19得票数 1
回答已采纳
1回答
Jinja2模板计算变量作为属性
python-3.x、jinja2、eval
我为一个数据库编辑应用程序开发了一个Jinja2模板，我试图使它‘可扩展’，而不是硬编码编辑页面，我将在表中传递一个属性列表，并使用for循环对它们进行迭代。除了一件事--在硬编码版本中，我使用传递的对象的一个属性来查看该值是否已经设置(它们都是布尔值)，但我看不出如何让jinja2获得“能力”，并将其用作“瞳孔”对象的属性；我会在Python中使用'eval‘，但不知道
浏览 0提问于2018-01-24得票数 2
回答已采纳
1回答
如何根据产品自定义属性改变形象风格？
ubercart、media
我正在构建一个基于Ubercart的网络商店，并且产品有一个自定义属性“销售一空”。当选中此属性时，所有产品图像都应以半透明覆盖文本框显示：“已售罄”。从理论上讲，我找到了几个很有前途的选择，但在我看来，没有一个能让我满意：添加新的图像样式和重写theme_uc_product_image函数。由于style_name在这里被硬</e
浏览 0提问于2013-03-19得票数 0
3回答
IE11使用ng-attr-data向对象添加倒角边框
javascript、jquery、html、css、angularjs
我有一个关于对象的问题，这是由于使用Angular.js用ng-attr-data填充对象的数据url而引起的。我的对象是svg(动画所必需的，在更改为angular.js之前在IE中工作得很好)。Internet Explorer使用类似于iFrame的斜角框呈现内容，因为它在最初加载文档时找不到数据属性，并且仅当angular更改/添加该属性时才会找到该属性。如果数据url是硬编码的，它工作得很好，并且
浏览 1提问于2015-12-14得票数 2
2回答
下拉选择导致自动滚动水平
javascript、jquery、html、css、harvest
我在下拉列表中使用了跟踪工具。
在图1中，您可以看到，我已经将水平滚动带到了它的末尾。现在我选择了一个下拉列表，看看发生了什么。图2是结果。
浏览 5提问于2014-01-15得票数 1
1回答
UITextView文本缩放问题，它具有不同的字体样式属性。
ios、swift、uitextview、scaling、nsattributedstring
我只是想做一个可缩放的UITextView，在textView中使用单一字体拖动和缩放。我想用attributeString边界缩放textView。参见SS中的第一个SS，我使用属性字符串计算了框的大小，在下一个SS中，我更改了框的大小，但是如何使属性字符串适合更新的框。
浏览 5提问于2021-06-11得票数 0
2回答
追加使所有的拖放
jquery、html、jquery-ui
我有一个带有硬编码的可拖放div的测试页面$('body').append('<div id="'+imagename+'" class="draggable ui-draggable ui-draggable-handlediv></div>').draggable();
<script src="https://ajax.googleapis.com/ajax&#
浏览 1提问于2018-02-24得票数 0
回答已采纳
1回答
无法在最小化后拖动无框Chrome应用程序
google-chrome、window、draggable、google-chrome-app、minimize
我已经创建了一个无框Chrome应用程序与自定义最小化，最大化和关闭按钮。对于这些按钮和可拖动区域，或者上下文菜单选项，它都可以很好地工作，但是一旦将其最小化，您就不能再从可拖区域或菜单中移动(拖动)它了。}
#d
浏览 4提问于2014-08-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
