svg-animate

    0热度

    1回答

    我在YouTube上观看了一个关于动画svg的视频教程,并且我遵循它的一切运作良好..但是我需要动画的图像没有中风有填充。 有人可以帮助我如何做到这一点?这是我用于笔画的代码。 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x

    0热度

    1回答

    我想实现像这样的http://24ways.org/2013/animating-vectors-with-svg/,但我希望每个字母在前一个结束后开始绘制。我不知道如何延迟实施。 这里是我的代码: var init = function() { path = new Array(); length = new Array(); for(var i=1; i<3; i++){

    1热度

    1回答

    我正在学习如何动画svg。 我可以使用calcMode =“样条线”在两个形状之间进行动画处理,我可以在没有calcMode =“样条线”的三个形状之间进行动画处理,但无法使用calcMode =“样条线”在三个形状之间进行动画处理。 这里是我的例子: <animate attributeName="d" attributeType="XML" begin="

    1热度

    1回答

    我正在使用svg动画标签沿着路径标记的坐标为组标签设置动画。不幸的是,动画的运行方向与我所需要的方向相反(I.E从b到a而不是从a到b)。是否存在这将修订本的任何属性,类似于: <animateMotion xlink:href="#group1" dur="6s" fill="freeze" rotate="auto-reverse

    2热度

    1回答

    我有一个网站,有一系列的元素,点击时,添加内联svg代码到该元素。 svg本质上是一种“虹膜擦拭”,以将元素调成白色。来自单独的html文档的代码被加载到一系列div中。当所有的图像加载完成后,我想为svg代码添加一个掩码,以将虹膜擦回原来的样子。我使用waitForImages.js来检查图像何时加载。这是成功的。掩码也正确地添加到svg中。然而,面具动画。 这里是加入SVG的初始代码: $("

    0热度

    1回答

    我试图将此SVG矩形设置为以宽度100结束,但由于某些原因它仍然保持原始值不变。帮帮我! http://codepen.io/corysimmons/pen/RNmNQE <svg> <rect height="100" width="10"> <animate attributeName="width" values="10;100" dur="3s" /> </r

    1热度

    1回答

    我希望这将动画到一个透明的背景。任何想法为什么它动画黑色或如何解决它? <svg> <rect height="100" width="100"> <animate attributeName="fill" from="red" to="none" dur="3s" fill="freeze"> </rect> </svg> 相关CodePen:http://c

    0热度

    1回答

    我发现这个SVG动画例如: http://codepen.io/hbuchel/pen/qLxAB?editors=110 它正在对铬,但不工作的Firefox .. 我只能看到图像而没有动画。 。我不明白为什么.. 我怎样才能使它在Firefox上工作? 更新:之前,我应该是css动画的问题,但我测试了它和正常工作,所以是另一个问题..

    0热度

    2回答

    我收到了一个我想在HTML5项目中使用的SVG SMIL文件。我在使用SVG SMIL文件时并不熟悉,并且在打开文件时我可以看到它是XML格式的,并且我已经做了所有必要的更改以使其能够在HTML5中工作,但是它不通过W3C验证,我希望固定。 问题似乎是,使用value:none未通过HTML5中的验证,实际上它的重复次数是由w3c Bad value none for attribute fill

    1热度

    1回答

    我想按顺序动画几个SVG线元素,我在这里跟@Gaby方法A non-nested animation sequence in jQuery?并使用jQuery队列。但是我的WebkitAnimationEnd从未被解雇。也许它不会对SVG元素的工作,但多数民众赞成在文档没有提到: var q = $({}); function pushQueue(theQueue, selector,