草庐IT

缩放动画

全部标签

javascript - jQuery 选择器检查元素是否动画隐藏

有没有办法判断一个元素是隐藏的还是当前正在隐藏的过程中(通过动画)?我能想到的唯一方法是在调用show或hide时在元素的data中存储一个标志,但我想知道如果有别的办法呢? 最佳答案 你能为它做一个自定义的jQuery选择器吗(function($){varendOpacity,oldStep=jQuery.fx.step.opacity;$.fx.step.opacity=function(fx){endOpacity=fx.end;returnoldStep(fx);};$.expr[':'].hiding=function(

javascript - 如何检查 HTML 元素的动画?

我想查看分配给特定元素的CSS过渡或JavaScript/jQuery动画。我应该如何在ChromeDevTools或任何其他开发者工具中执行此操作?例如,我访问了一个Google+页面,我注意到当我将鼠标悬停在一张图片上时,它会变灰、放大,并且Angular落会出现一个关闭按钮。正常:悬停:如何查看此行为背后的代码? 最佳答案 右键单击元素选项卡中的html元素,然后选择:悬停选项。现在您可以在右侧样式选项卡中看到应用于特定元素的悬停CSS。请引用屏幕截图 关于javascript-如

javascript - 缩放传单 map 时,SVG 圆圈不会重新定位

我正在使用d3在传单map上添加svg圆圈。我的fiddle在这里http://jsfiddle.net/nextstopsun/C3U8g/我添加了一个reset()函数来映射viewreset事件,以计算包含所有圆圈的svgg元素的转换。此函数在mapView重置事件中调用。svg.attr("width",topRight[0]-bottomLeft[0]).attr("height",bottomLeft[1]-topRight[1]).style("margin-left",bottomLeft[0]+"px").style("margin-top",topRight[1]+

javascript - 为什么我的指令在使用 AngularJS 1.5 时第一次使用 ng-if 运行时没有进入动画?

http://codepen.io/anon/pen/MygQvb我使用的是Angular1.4.7,然后决定升级。在那之后,使用ng-if的指令上的所有动画都在它们应该发生的第一次停止工作。上面在Codepen上的例子说明了我的意思,如果你切换ng-if它不会在第一次工作,但后来它工作得很好。有一些类似的问题,但都没有解决我的问题,而且我在旧版本的Angular上也从未遇到过这个问题。真正的解决方案会很棒,但如果不可能,欢迎任何解决方法。 最佳答案 正如jjmontes所说,变通方法要求在template中声明指令的模板,而不是使

javascript - P5中如何给小球添加弹跳压缩动画?

我用P5.js创建的简单游戏包含一个球,该球受重力影响下落并在地面上弹跳。我想在球接触地面时为其添加“压缩”动画,使其看起来更逼真。我怎样才能做到这一点而不让它看起来很奇怪?代码是这样的:functionBall(){this.diameter=50;this.v_speed=0;this.gravity=0.2;this.starty=height/2-100;this.endy=height-this.diameter/2;this.ypos=this.starty;this.xpos=width/2;this.update=function(){this.v_speed=this

javascript - 设置动画谷歌地图标记

好吧,我正在尝试将BOUNCE动画设置为特定标记,但每当我调用marker.setAnimation(google.maps.Animation.BOUNCE)方法时,控制台都会显示“无法读取属性‘BOUNCE’undefined"这意味着标记未定义对吗?但是如果我使用marker.setTitle('Bouncing')标题会改变。我做错了什么吗,这是代码functionaddMarker(lat,lng,img,title,bounce){varmyLatLng=newgoogle.maps.LatLng(lat,lng);varmarker=newgoogle.maps.Mark

javascript - jQuery:使用 CSS3 而不是 JavaScript 制作动画

我正在转换一个基于jQuery的网络应用程序以便在iPad上使用,并且需要利用CSS3动画的硬件加速性能。我已经在使用fadeIn、fadeOut和一些定位动画,所以理想情况下我想要一个插件来覆盖这些功能以使用CSS3,而无需更改核心功能。我四处搜索,但找不到任何人解决过这个问题,所以我正在考虑自己编写一个插件,但我想确保其他人还没有这样做。如有任何反馈,我们将不胜感激! 最佳答案 结帐如何http://playground.benbarnett.net/jquery-animate-enhanced/

javascript - 使用纯 javascript 围绕中心缩放 SVG

我有一个问题,可能无法很好地理解坐标在SVG中的工作原理。我有一个缩放svg图形的javascript函数,例如:varg=document.getElementById("graph");varnm=g.getCTM().multiply(k);//kisthescalefactorg.setAttribute("transform","matrix("+nm.a+","+nm.b+","+nm.c+","+nm.d+","+nm.e+","+nm.f+")");关键是在缩放后中心会稍微平移,因此图形失去了“地理”中心。我如何才能确定我需要哪种翻译才能“围绕”其中心缩放图形?谢谢。

javascript - 缩放jqplot后获取 Canvas 中的数据点列表

如果有人能帮我解决这个问题,我将不胜感激。我们正在使用Jqplot绘制一些统计数据和缩放功能。具体来说我们要用到中的例子http://www.jqplot.com/deploy/dist/examples/zoom1.html和http://www.jqplot.com/deploy/dist/examples/zoomOptions.html我们需要做的一件事是重新计算我们在页面上显示的一些值,例如放大后图表中可见点的标准偏差、平均值等。为此,我们需要获取放大后图表上存在(保留)的数据点列表。因此理想情况下,我们正在寻找一种返回放大后图表中可见当前数据集。我查了API文档,好像没有这

javascript - 拖放到缩放的元素上

我有一个div元素,我希望能够将其拖到缩放的元素上。但是,当我这样做时,div元素不会转到元素的正确坐标,但是当我第二次拖动它时会这样做。我还认为添加元素时它会扩大规模,我想尝试避免这种情况。谁能帮我解决这个问题?(尤其是整个没有去正确的地方的事情)我已经尝试过这样的事情来获取div的实际坐标,但我不确定如何将其转换为可拖动元素,因为mousemove当我拖动东西时不起作用。$("body").on("mousemove",".formBackground",function(e){div_x=(e.offsetX!=null)?e.offsetX:e.originalEvent.la