草庐IT

svg-animate

全部标签

ios - 在 Animation 中减慢 UIView 动画

我有一个简单的UIView动画block,它为2个View的原点设置动画。我在mapViewView的特殊位置上有一个按钮。所以当我想为map的中心设置动画并随map移动图钉时,map的移动速度比按钮快。有没有办法加快按钮的动画速度或减慢map的动画速度?此刻看起来map移动了,按钮跳到了他的结束位置。CGPointnewCenter=mapView.center;newCenter.x-=1;newCenter.y-=(button.frame.size.height/2)[UIViewanimateWithDuration:0.3delay:0options:UIViewAnima

ios - SVG 作为背景图像会使 ios 上的 safari 崩溃

我在网站上使用SVGSprite图。在缩放页面之前它们呈现良好-几乎在90%的情况下Safari崩溃并转到桌面。这发生在iPad3和iPhone4上。有没有人遇到过同样的问题?在Google上找不到任何内容,也不知道从哪里开始。Sprite是这样创建的:i.sprite{background-image:url("sprites.svg");background-repeat:no-repeat;display:inline-block;height:28px;width:29px;vertical-align:middle;font-style:normal;font-size:0;

ios - iOS 浏览器中的 SVG

我要确保我正在使用的网站已针对移动设备进行了优化。我在很多地方使用过SVG图标,它们在iOS设备上渲染没有问题。我正在使用从Adob​​eIllustrator导出的两个更复杂的SVG图像,它们在除iOS浏览器之外的任何地方呈现。它们不会在适用于Chrome或Safari的iOS上呈现。我认为这与我在Illustrator中的导出设置有关,但在我尝试不同的导出之后,似乎没有任何效果。有什么想法吗?Here'sapasteofoneoftheSVGsthatwillnotrender 最佳答案 看看这个答案:SVGfilesizeli

ios - UIScrollView-zoomToRect :animated: and CGPoint conversion between views

我有一个UIScrollViewA和一个subviewB,(它本身是contentViewDA的strong>-所以B不是ScrollViewA的contentView),它有一个subview,我们称它为C。+------------------------+|A||||+-------------------+|||D(=contentView)||||+-----------+|||||B||||||+--+|||||||C|||||||+--+|||||+-----------+|||+-------------------+|+------------------------

ios - PhoneGap SVG 在 iOS 上作为 data-uri

这似乎是一个奇怪的问题,我可以在桌面上的Chrome上看到我的SVG正常,但当我将它编译到我的手机时却看不到。如果我使用Safari检查元素,然后选择iPhone模拟器,我可以看到数据URI,然后当我在我的计算机上单击它时,我可以看到图像。我绝对可以看到高度和宽度正确的div,但看不到SVG背景图像。据我所知,这完全支持iOS3.2及更高版本-http://caniuse.com/svg和http://caniuse.com/datauri代码是:span{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4

SVG:沿弯曲路径附加形状

目前,我处于需要附加文本以遵循SVG中的曲线路径的情况。我们的目标是允许用户动态输入将沿曲面路径显示的文本。通常我会使用TextPath方法但是挂断的是,为了使文本呈现为我们的设计师指定-我们需要将文本转换为路径(可能使用opentype之类的东西)。我不希望将形状附加到TextPath会起作用(事实并非如此),但我不确定从这里去哪里可以实现相同的目的。这是小提琴对于上述示例。看答案在浏览器中无法做到这一点-至少无论如何都不会内置。如我所见,您的选择是:希望那里有一个可以转换的JavaScript库到。我什么都不知道。JS无法访问字体几何或指标。图书馆将不得不解析自己的字体。查找或编写可以分发

ios - 我应该使用 Core Animation 还是 SpriteKit/Cocos2D 来制作简单的闪烁 2D 动画?

我需要有关如何为小型2d事物制作动画的指导,例如,一个只保持闪烁的角色。SpriteKit和cocos2d是否“太多”而无法实现这类事情?我不打算制作游戏,我只是想将标准的iOS控件与执行上述简单动画的艺术品混合在一起,但也许我需要在不久的将来制作更精细的动画(例如,角色奔跑).我应该为此使用CoreAnimation框架吗?还是另一种更好的选择?我会支持iOS7.0+提前致谢 最佳答案 CoreAnimation在这里最好,因为您特别希望使用户界面元素闪烁(而不是使用棋盘和Sprite构建游戏)。使用CoreAnimation设置

javascript - 在移动版 Safari 中隐藏/显示内联 SVG 时遇到问题

我正在尝试为我们的图标使用内联SVG。具体来说,我是:使用grunt将所有svg组合成一个svgsprite在中引用它们标签阿拉thisarticle在大多数情况下,一切都运行良好。但是,当我尝试使用JS隐藏/显示它们时,我在iOS浏览器上遇到了问题-http://codepen.io/meanspa/pen/vEGERZ$('.expand-link').click(function(){$('.expand-link').toggleClass('clicked');});因为对于这个代码笔,SVG定义在DOM中,它按原样工作得很好,但是如果你将它们移动到外部文件并尝试在移动Saf

ios - Core Animation 在应用重新出现时停止动画

我已经使用CABasicAnimation为我的菜单创建了动画。以下是我与此问题相关的代码:-(void)viewDidLoad{...[selfsetAwesomeMenu];}-(void)setAwesomeMenu{...//settagforawesomemenusubview[menusetTag:awesomeMenuSubViewTag];[selfaddPulseFilterSubView];}-(void)addPulseFilterSubView{//addpulseEffectFiltersubviewUIImageView*pulseEffectFilter=

javascript - 是否可以在 React Native 中使用 Animated 为 Modal 设置动画?

我试图让我的模态框向上滑动并在单击按钮时反弹,但是当我将模态框包装到Animated.View组件中时它不起作用。它只是因为animationTypeProp而向上滑动,但之后什么也没有发生。有什么想法吗?//inrender()function//onPressfunction_onSelectFilter(rowID){if(this.state.modalVisible){this.state.bounceValue.setValue(2);Animated.spring(this.state.bounceValue,{toValue:0.8,friction:1,}).star