草庐IT

缩放动画

全部标签

javascript - 动画底部边框(从左到右)

我试图让底部边框从左到右。我似乎也无法将它直接定位在标题下方,并且它从中心向外动画。我不确定要更改什么。https://jsfiddle.net/81uo76hx/2/.slider{position:absolute;display:block;left:50%;top:90%;transform:translate(-50%,0);position:absolute;top:43%;margin:0auto;height:2px;background-color:#000;width:0%;} 最佳答案 希望你能用javascr

javascript - 如何在不改变位置的情况下缩放网格?

我在这个场景中有27个网格,每个网格都有一个关联的编号。数字最高的将具有标度1。其余的将依次具有小于1的值。接下来我希望它相应地爬上每个循环。当每个网格的位置发生变化时,就会出现我的问题。确实它被缩放到应有的大小,但它改变了位置。几个屏幕堆叠在一起,我很吃力。我只需要你爬上去,并保持在这个例子中的相同位置:美国各州已按比例缩放,但仍保持其位置。我认为它们会缩放到图的中心。我创建了网格(每个都称为“municipios”)for(vars=0;s 最佳答案 因为网格位置不在它的中心,或者任何你想要的引用:如果你创建一个平均顶点x分量超

javascript - OpenLayers3 - 动画 .fit 到特定范围

我使用OpenLayers3创建了一张map。我可以使用以下代码成功缩放到map上的图层:map.getView().fit(extent,map.getSize());但是我想要以动画方式呈现的类似内容。我知道以下动画:ol.animation.panol.animation.zoom通过使用这些我无法缩放到图层,使用ol.animation.pan我只能平移到一个点(而不是边界框)并使用ol.animation.zoom我可以缩放到一个分辨率(和而不是边界框)。所以我正在寻找的是一个动画.fit,这样我就可以将动画缩放到一定程度。任何关于我如何实现的建议将不胜感激:)

javascript - 如何添加点击并拖动以缩放 SVG 中的图像?

我想让访问者使用点击和拖动来缩放图像:是否有可以帮助我的JavaScript库?我注意到Raphaelhasclickanddrag方法,但我仍然需要编写大量JS来:找到图像的Angular使Angular落附近的区域可选为Angular绘制图标,使其明显可见在Angular落添加点击、拖放更新图片的尺寸我可以做到所有这些,但听起来很费时。有没有我应该使用的开源脚本?其他建议? 最佳答案 我在这篇文章中找到了这个解决方案:DraggablesandResizablesinSVG.在答案中,您可以找到一个jsfiddle链接:http

javascript - 在 Google Maps API V3 中缩放至 map 中心

我是使用谷歌地图的新手,正在尝试找出如何限制缩放功能,使其不会缩放到map中心以外的任何地方,也不会缩放到鼠标点。基本上,无论您的鼠标指针在map上的哪个位置,它都会缩放到返回map的中心,而不是缩放鼠标指针在map上的位置。我什至不知道目前是否可行,希望能提供一些帮助。functioninitialize(){varlatlng=newgoogle.maps.LatLng(51.285583,1.091045);varmyOptions={zoom:15,center:latlng,scrollwheel:true,navigationControl:false,mapTypeCon

javascript - 通过声音振幅动画对象?

我知道可以通过Actionscript为对象设置声音动画。我真的希望也可以使用JavaScript为对象设置动画,因为它们非常相似。或许可以使用jQuery或HTML5来完成。我只是希望找到一种在Flash之外实现它的方法。有人知道这些格式中的任何一种是否可行吗?我做了很多研究,但似乎找不到任何形式或教程表明它可能或不可行。p>基本上,我正在尝试实现与我在Actionscript中编码相同的效果,但我希望使用另一种语言对其进行编码,这样也无法看到FlashView。这是Flash示例:http://beaubird.com/presentation.php这是一个使用ActionScr

javascript - cytoscape.js 缩放以适合当前选定的节点

我希望缩放cyjsView以适合(很好地包含)当前选定的节点。可以手动或以编程方式选择节点。如果只选择了一个小的网络邻居,那么放大效果会非常显着。如果远处的节点在选择中,则放大甚至可能不会引人注意。cy.fit()非常适合在窗口中显示整个网络。但是尽我所能,我找不到cy.fitSelected()或一些等效的功能。有什么建议吗? 最佳答案 这是一个单行代码,因为cy.fit()将eles作为它的第一个参数:例如cy.fit(cy.$(':selected'),50)填充50http://cytoscape.github.io/cyt

javascript - Bootstrap 3 Carousel 上的动画高度变化

在研究“如何在Bootstrap3Carousel上设置高度变化动画”这个问题时,我发现了thisanswer,但是它对我的Bootstrap轮播没有任何影响。我还不能发表评论并在那里要求澄清,因此是一个新问题。建议的解决方案是functionbsCarouselAnimHeight(){$('.carousel').carousel({interval:5000}).on('slide.bs.carousel',function(e){varnextH=$(e.relatedTarget).height();$(this).find('.active.item').parent().

javascript - 表单提交上的 Safari 动画

我有一个带有表单的页面,在提交后加载时间很长。这就是我决定将微调器置于按钮之上的原因。相反,如果提交按钮我有div,那么:$submit_btn.click(function(e){if($submit_btn.attr("data-send")=="yes"){e.preventDefault();}else{$('#reg').html('');$new_try_now.submit();}});在div微调器中我有CSS3动画。问题是动画在Chrome中运行良好,但在Safari中无法启动。我认为问题在于Safari终止了页面上的所有进程。如果没有AJAX,我如何避免它?编辑:动

javascript - D3 平移缩放后点击坐标

我正在使用D3库创建绘图应用程序。我需要在用户点击的坐标上绘制对象(为简单起见用圆圈)。问题是当用户使用平移和缩放并移动视口(viewport)时。然后对象被放置在错误的位置(我猜问题是事件坐标是相对于svg元素而不是g,所以它们是在没有适当转换的情况下计算的)。$('svg').on('click',function(event){d3.select('#content-layer').append('circle').attr('r',10).attr('cx',event.offsetX).attr('cy',event.offsetY).attr('stroke','black