jjzjj

layout_behavior

全部标签

javascript - 在版本 4 中动态添加节点到 D3 Force Layout

我正在尝试实现一个简单的力布局,其中可以动态添加和删除节点(没有链接)。我成功地在D3版本3中实现了这个概念,但我无法将其转换为版本4。添加和更新节点后,模拟卡住并且传入的圆圈绘制在svg的左上角。有人知道为什么会这样吗?感谢您的帮助:)我的概念是基于这个解决方案:AddingnewnodestoForce-directedlayoutJSFiddle:workingcodeind3v3/*Defineclass*/classPlanet{constructor(selector){this.w=$(selector).innerWidth();this.h=$(selector).i

javascript - Marionette Layout 切换策略

我有以下情况:app.js:SingletonMarionette.Application()我在其中定义导航、页脚和主要区域。在初始化程序中,我构建了Marionette.Contoller's并将它们附加到应用程序的this.controller对象以供以后控制。我可能不会在这里构建所有的Controller,只构建我想要预先加载的Controller。有些是后来的延迟加载。我还在这里实例化了一个Backbone.Router,并传入了对我的应用程序对象的引用:vartheApp=newTP.Application();theApp.addRegions({navRegion:"#

javascript - Angular Material : layout-fill not filling parent <div>

SampleTextHereSignUp我有上面的HTML部分,我正在尝试使用AngularMaterial的flexbox支持来创建一个页面,该页面的背景图像是整页。叠加在该图像上的是一些文本和一个位于图像中心的按钮。如果我检查chrome中最外层的div,它的大小(如预期的那样)是全屏。由于某种原因,图像div不执行此操作。它只占用足够的空间来包含文本和按钮。任何关于为什么会发生这种情况的见解将不胜感激。我知道这可以通过多种不同的方式使用各种css技巧来完成,但我想了解我对flex的工作原理缺少什么。更新链接到JSFiddle 最佳答案

javascript - ColdFusion Layout, CFlayout, 无法切换到父标签

我有一个使用CFlayout生成动态选项卡的应用程序。每个选项卡都由变量组合组成,但出于本文的目的,没有必要深入探讨。有趣的是。过去,如果CFlayout找不到选项卡,我总是会收到错误消息。如果我更改选项卡名称(知道它会不正确),Coldfusion会抛出错误,所以我知道选项卡存在通常,但无论出于何种原因,它都不会切换。下面是我的代码:JavaScriptvaruniqueTopTabID=someVar,uniqueLowerTabID=uniqueTopTabID+someVar,$topLayoutID=$('#cf_layoutarea'+uniqueTopTabID),//j

javascript - 3 个变量的总和 : strange behavior

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:IsJavaScript'sMathbroken?Whycan'tdecimalnumbersberepresentedexactlyinbinary?下一段代码的结果是什么:if(0.3==(0.1+0.1+0.1)){alert(true);}else{alert(false);}这很奇怪,但结果会是错误的。原因是0.1+0.1+0.1会是0.30000000000000004如何解释这种行为?

javascript - 如何控制d3 force layout的仿真速度

我正在关注像this这样的d3强制布局示例.我想控制点飞向簇的速度。换句话说,我想让一些点花更多的时间到达它们的最终位置,而一些点花更少的时间。我尝试添加一个计时器功能来控制每个滴答的时间,但没有成功。this.force=d3.layout.force().on("tick",setTimeout(tick(d),50));我需要帮助。 最佳答案 不要设置计时器来调用tick函数,这是由强制布局自动完成的。然而,您可以设置许多参数来修改强制布局的行为。以下是与您尝试做的事情最相关的内容。.friction()对应于速度衰减的速度,

javascript - 设置比例(d3,zoom.behavior)后如何发送 'zoom' 事件

在缩放行为上手动设置比例后,如何触发缩放事件?varzoom=d3.behavior.zoom().scaleExtent([0.5,4]).on('zoom',onzoom);//lateronzoom.scale(2);https://github.com/mbostock/d3/wiki/Zoom-Behavior#wiki-scale 最佳答案 首先,您需要将缩放行为附加到SVG对象。同样,您可以在缩放对象上调用缩放功能。varzoom=d3.behavior.zoom().scaleExtent([0.5,4]).on('

javascript - Angular.js 和 Fabric.js : Fabric canvas changes behavior once code is moved to a Angular Directive

我有一个简单的AngularJS/FabricJs应用程序,目的是允许在上传之前移动/重新调整图像大小。基本上有四个步骤:1)Ipresentaformwithacanvas,andarectangleinsideofformtorepresentacliparea2)browseforalocalfile3)addittothecanvas4)andhaveabuttontocapturetheclipareainsideofthecanvas当我将代码从直接嵌入的形式移动到位于AngularDirective(指令)后面时,就会出现问题。一旦我将表单移动到指令中,就会弹出一个问题,

javascript - ExtJS 调试 "[E] Layout run failed"(在自定义组件中)

我开发了一个customkindofcombobox它使用网格而不是标准的组合选择器(主要是为了受益于大数据集的缓冲渲染)。我现在正试图使其与Ext4.2.1兼容,但我遇到了这个错误:[E]Layoutrunfailed请参阅demopages对于测试用例。每个组合都会引发一次错误,但只会在第一次展开时引发。4.2.0没有发生这个错误(参见demopagewith4.2.0)。当时我在4.2.1中确定的重大更改是关于查询过滤器,而不是渲染或布局......但是,在网格选择器位于窗口,但它在一个有很多覆盖的代码库中,并且使用了Ext4的沙盒版本......所以我只是希望它不是来self的

javascript - VueJS : How to prevent textarea default behavior

我正在尝试实现类似slack的功能,以便仅在完全按下回车键(未按下shift)时发送消息考虑这个vue模板有了这个组件exportdefault{name:'Typing',data(){return{message:null}},methods:{sendMessage(e){//e.stopPropagation()ande.preventDefault()havenoimpactthis.$socket.emit('message',{text:this.message});console.log(this.message);//Printthemessagewithanothe