草庐IT

缩放动画

全部标签

javascript - 如何为使用 Raphael JS 绘制的矢量路径制作动画?

如何为使用RaphaelJS绘制的矢量路径设置动画?我有一组坐标,我想使用RaphaelJS进行连接。在网格上,坐标是(x,y集合)。我想从一端开始,并在用户观看时“连接点”。最终产品看起来像这样:Picture9.pnghttp://img213.imageshack.us/img213/8013/picture9my.png理想情况下,我希望能够使路径弯曲,这样它们看起来更像这样(添加坐标以供引用):Picture10.pnghttp://img534.imageshack.us/img534/1789/picture10fc.png坐标是:26,-614,-125,-2011,-

javascript - 谷歌缩放以适合该页面上的所有标记

我很难弄清楚这一点,我在这里和互联网上查看了示例,但仍然无法让它工作。我有一张Googlev3map,上面显示了英国各地的许多标记。我希望能够设置缩放级别以覆盖所选区域中的所有标记,例如。伦敦可能有50个标记,格拉斯哥可能有2个...如果两者具有相同的缩放级别,在格拉斯哥页面上看起来会有些奇怪。我已经阅读了一些关于getBounds()方法的内容,但我不确定在我的脚本中在哪里以及如何实现它。任何帮助,将不胜感激。到目前为止,这是我的代码。vargmarkers=[];varmap=null;functioninitialize(){varmyOptions={zoom:10,cente

javascript - jQuery 中的非嵌套动画序列?

我正在尝试使用jQuery创建一个动画序列,其中一个动画在前一个动画完成后开始。但我就是无法理解它。我曾尝试使用jQuery.queue,但我认为我无法使用它,因为它似乎为jQuery数组中的每个元素提供了一个单独的队列。我需要这样的东西:$('li.some').each(function(){//Addtoqueue$(this).animate({width:'+=100'},'fast',function(){//Removefromqueue//Startnextanimation});});有没有一种jQuery方法可以做到这一点,还是我必须手动编写和处理自己的队列?

javascript - Highcharts - 默认以外的动画

HighchartsJS(highcharts.com)中是否有一个选项可以在加载图表时更改动画?现在,在柱形图上,柱形从底部向上滑动。是否可以将默认动画更改为弹跳? 最佳答案 当然,在您的图表选项中添加动画持续时间和缓动选项。例如,反弹:varchart=newHighcharts.Chart({chart:{renderTo:'container',animation:{duration:1500,easing:'easeOutBounce'}},...});示例在这里http://jsfiddle.net/gh/get/jqu

javascript - 如何停止 react native 动画

我试图在ReactNative中停止动画,但它不起作用。我尝试用stopAnimationmethod来做到这一点这是我的代码:constructor(props){super(props);//...this.state={posY:newAnimated.Value(0),posX:newAnimated.Value(0),//...};}componentWillMount(){//...leteventEmitter=getGlobalEventEmitter();eventEmitter.emit('initialize',{words:true});eventEmitter

javascript - 使用滚动动画在站点中闪烁固定标题

所以我正在构建一个网站,该网站将在滚动事件上触发一些css3动画。大约在编写滚动动画的一半时,我注意到页面标题和其他position:fixed元素上有很多闪烁。我能做些什么来减少这种闪烁吗?(理想情况下没有jQuery) 最佳答案 好吧,看起来这个问题可能与chrome以及在滚动期间触发CSS动画时固定定位元素呈现的速度有关。我想看看thislittletrick将硬件加速实际上不是Chrome中CSS动画主题的元素。事实证明确实如此。:)解决方法如下:.topbar{-webkit-transform:translate3d(0

javascript - Google Maps API V3 双指缩放不适用于 Windows 8.1 预览版上的 IE 11

尝试在带有Windows8.1预览版和InternetExplorer11(后来的IE)的多点触控屏幕上使用双指缩放不适用于GoogleMapsAPIV3(最新版本:3.12、3.13和3.14)。预期的行为是放大和缩小map。相同的功能在Windows8和IE10上运行得很好。这种情况似乎有两个异常(exception):https://maps.google.comhttps://developers.google.com/maps/documentation/javascript/examples/map-simple(嵌入文档页面的任何示例;在独立选项卡或窗口中通过按“全屏”V

javascript - Google Map API 需要更深的缩放

我们正在GoogleMap上开发一个GIS应用程序(使用GoogleMapAPIv3),但是由于一些map对象很小(低至约1米),因此该应用程序需要用户放大近距离,并且需要图形编辑。将GoogleMapAPI中的缩放范围扩展到可能缩放级别30的最佳方法是什么?当Google的tileserver达到极限时,我们能否实现一个“接管”的tile服务器?或者让GoogleMapAPI仅使用图形放大来实现超出其数据范围的缩放级别?还有其他可能的方法吗?这个问题在使用Hybrit或卫星map时尤其麻烦,因为它们的缩放级别更浅(在我们的位置上似乎约为18)。下图显示了最深的缩放以及它是如何不够的:

javascript - 为什么 Chrome 在某些情况下会在主线程上运行转换动画,而在其他情况下则不会?

标准是什么?在下面的示例中,我正在为CSStransform设置动画,当您点击任意位置(在GoogleChrome中)时,动画会被2秒长的while阻塞>循环。为什么CSStransform动画被屏蔽了?编辑:最近Chrome不再在主线程被阻塞时阻塞transform,这表明他们已将以下示例中的那种动画移出主线程。动画变换可以在单独的线程上发生,但不清楚具体时间。有时它会起作用。在第一个示例中,不会发生单独线程转换动画(单击它会阻塞主线程并因此暂停动画):window.addEventListener('click',kill)functionkill(){varstart=+newD

javascript - 捏缩放后 iPhone 谷歌地图 v3 平移

我在为iPhone开发Web应用程序时遇到了问题。当我访问像http://code.google.com/intl/sv-SE/apis/maps/documentation/javascript/examples/map-simple.html这样的简单示例时在iPhone中,当我从屏幕上松开手指时,捏合缩放map平移。这使得map最终出现在我缩放到的地方以外的地方。有什么方法可以防止map在双指缩放释放后平移吗? 最佳答案 不幸的是,当涉及到在移动设备上查看网络应用程序时,iPhone使用触摸屏技术(尤其是Cocoa)可能会产生