草庐IT

layout-animation

全部标签

javascript - 更新 d3 Force Layout 中的现有节点

我使用d3创建了一个强制布局,它运行良好。我的初始数据是从一个json文件加载的,图表是用类似于thisd3.jsexample的技术绘制的。:现在图表已显示在屏幕上,我需要根据通过网络套接字接收的数据动态添加、更新和删除节点。我可以使用添加和删除方法,但找不到更新现有节点属性的正确方法。根据我所进行的阅读,我认为正确的技术是更改数据源,然后使用enter()方法更新图表。要更新节点,我正在执行以下操作:functionupdateNode(id,word,size,trend,parent_id){varupdateNode=nodes.filter(function(d,i){re

javascript - React-Native Animation 出现渲染问题

我在处理动画时遇到问题。我试图翻转具有两种不同View的卡片。当用户在两张不同的卡片之间滚动时,我还试图创建滚动效果。当代码以下面的方式组合时,它会产生一个我无法消除的错误。我附上了一张图片,以直观地表示我的问题。感谢任何帮助。:我的生命周期方法:componentWillMount(){this.animatedValue=newAnimated.Value(0);this.value=0;this.animatedValue.addListener(({value})=>{this.value=value;this.setState({value});});this.frontIn

javascript - d3-js 的 Force-Directed Layout 是否支持图像作为节点?

d3有ademoofaForce-DirectedGraphLayout.我希望图中的所有节点都是图像,而不是圆圈。所以,我变了.append("svg:circle").attr("class","node").attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;}).attr("r",5).style("fill",function(d){returnfill(d.group);}).call(force.drag);到.append("xhtml:img").attr("src","http://a

javascript - 如何将变量传递给 jquery animate 函数属性?

functionSlideObject(Side){$("#div").animate({margin+Side:"-1000px",opacity:"hide"},1000);}我想将“Side”的值传递给动画函数的属性标识符(边距)的名称。我知道“margin+Side”无效,它只是作为占位符存在。例如,如果我要手动指定属性名称,它可以是“marginLeft”来举一个例子。我想提供“Left”、“Right”、“Top”或“Bottom”作为SlideObject函数的参数。我在执行此操作时遇到了麻烦,如果有一个例子就太好了。谢谢 最佳答案

javascript - 为 React-Native 应用开 Jest 测试 Animated.View

我尝试使用JestforReact-Native测试Animated.View。当我将属性visible设置为true时,它​​应该将我的View从opacity0动画化为opacity1。这是我的组件呈现的内容:{message}opacityValue在propsvisible改变时更新:Animated.timing(this.opacityValue,{toValue:this.props.visible?1:0,duration:350,},).start(),当我设置属性visible=true时,我想确保我的View可见。尽管View变得可见需要一些时间,并且随着测试的运

javascript - 标点加载 "animation",javascript?

我正在寻找一种显示一些标点符号加载“动画”的好方法。我想要的是这样的:Thiswilldisplayatsecond1:"Waitingforyourinput."Thiswilldisplayatsecond2:"Waitingforyourinput.."Thiswilldisplayatsecond3:"Waitingforyourinput..."Thiswilldisplayatsecond4:"Waitingforyourinput...."Thiswilldisplayatsecond5:"Waitingforyourinput."Thiswilldisplayatsec

javascript - jQuery animate() 通过左右滑动来隐藏和显示元素

我正在尝试使用jQuery制作动画。更新我让它按照我想要的方式工作。这是jQuery:$(document).ready(function(){//gochatbutton$('#go-chatinput').click(function(){$('#search,#go-chat').animate({width:'0px'},1000,function(){$(this).hide();$('#login,#go-search').animate({width:'573px'},1000,function(){$(this).show();});});});$('#go-searc

javascript - jQuery Animate 顶部(从底部到顶部)

我正在尝试为top:275的Div设置动画。我尝试了.animate({marginTop:-820}但在每个屏幕上它最终都到达了不同的位置......所以我将marginTop更改为.animate({top:275}但是div从上到下(slidedown)。注意,所以我可以使用animate:top我必须在动画期间将div设置为position:absolute。。。是否有任何hackyway使顶部从下到上或使marginTop在每个屏幕分辨率上与顶部的距离相同?(我认为margintop无法解决,因为我将margintop设置为-820以获得top:275,因此高度小于1200p

javascript - 拉斐尔 JS : how to move/animate a path object?

不知怎的,这行不通......varpaper=Raphael("test",500,500);vartestpath=paper.path('M100100L190190');vara=paper.rect(0,0,10,10);a.attr('fill','silver');a.mousedown(function(){testpath.animate({x:400},1000);});我可以用这种方式move矩形但不能move路径,这是为什么,然后我该如何move路径对象?! 最佳答案 使用最新版本的Raphael,您可以这样

javascript - jquery "animate"变量值

我需要用jquery来“动画化”一个变量。示例:变量值为1。5秒后该值应为10。它应该“平稳”地增加。希望你明白我的意思。谢谢! 最佳答案 尝试:$({someValue:0}).animate({someValue:10},{duration:5000,step:function(){$('#el').text(Math.ceil(this.someValue));}}); 关于javascript-jquery"animate"变量值,我们在StackOverflow上找到一个类似的