svg-animate

0热度

1回答

出于某种原因，当我尝试做一团使用snap.svg我得到： Uncaught TypeError: s.group is not a function 没有母校什么我尝试，我不能得到它的工作！就好像Snap.SVG根本不工作，但是我的Snap（“＃wrapper”）;工作正常？我的代码如下： index.js s = Snap("#wrapper"); var text = s.select

0热度

1回答

对角线切在svg线的路径上的文本

我需要对文本进行对角切割。每当svg行移动到文本上方时，文本应该被对角地切割。是否有可能实现这种情况。？以下是代码。以及我想要达成的目标的形象。 <!DOCTYPE html> <html> <head><title></title> <style type="text/css"> h1{ \t position: absolute; \t top:0;

-1热度

1回答

SVG菱形展开动画点击时

我正在建立一个网站，客户想要一个菱形/菱形按钮，其中有文字，当它被点击时，它应该变大并推下其他内容。我想最好的办法是在SVG中，但我没有这方面的经验。这很容易，如果它不是为菱形打字的形状，这是给我一个小头痛:) 有没有一个简单的解决方案，或者你能指导我在正确的方向吗？这是客户想要的： rhombus button

0热度

2回答

CSS：SVG旋转动画失败

我试图从它的中心旋转刀片，就像风车一样，我是CSS新手，我无法使它正常旋转，刀片从屏幕消失。实际上，它在某些浏览器中无法正常工作，例如在PC上使用firefox，但它适用于所有浏览器中的OSx Safari。我已经粘贴了以下SVG，但这里是我的代码完成：http://codepen.io/DavidKartF1/pen/mVKwpX <svg class="windmill-icon" xml

1热度

1回答

Firefox中的SVG宽度属性css动画

SVG宽度属性CSS动画在Firefox中不起作用，但在Chrome中它完美地工作。请检查下面的片段演示。在我的代码中有任何错误吗？有没有办法在属性宽度上应用动画？ svg { display: inline-block; } @-moz-keyframes glareAnim1 { 0% { width: 0; }

0热度

1回答

Adobe Edge生成的视频与覆盖，在iOS上播放没有全屏

我有一个在Adobe Edge制作的动画，具有带面部覆盖的动画主体，通过URL参数拉动。它可以在网上正常工作。但是，在IOS上，视频只能全屏播放 - 然后图像叠加显然不会显示。有谁知道我如何在IOS上做这项工作的解决方案？要么将视频+叠加层转换为合并视频，svg动画或其他内容？或者只是播放没有全屏的视频 - 但我不认为这是可能的。

1热度

1回答

动画不是动画，而不是跳跃结束

我试图使用SVG动画标签路径从半改变填写完整的填充 <svg class="background-gradient" viewBox="0 0 100 100" preserveAspectRatio="none"> <defs> <linearGradient id="grad"> <stop offset="0%" stop-color="rg

0热度

1回答

SVG：形状上的文本禁用背景形状上的动画

正如我在this小提琴中演示的，我希望SVG Cirlce在它上面放大时放大。但同时，我想在圆圈上写一些文字（例如在小提琴中，“你好”和“世界”）。我希望对于用户，文本和圈子应该看起来好像他们是相同的实体。而且他/她总是把光标放在圆上，这个圆应该保持放大。请执行快速演示： div, svg { background-color: grey; height: 1

0热度

1回答

使用Snap.svg的箭头标记的动画路径

我搞清楚如何使用箭头标记结束动画的路径。我正在尝试制作对角线的动画。你可以在这里看到一个正在运行的样本：http://codepen.io/danieltnaves/pen/ZWryxm var animationsPaths = new Array(); animationsPaths.push("M 100 10 L 200 110"); animationsPaths.push("M

0热度

1回答

淡入陆续

SVG一个的每个路径我有很多很多的路径，像这样的SVG： <svg version="1.1" id="svg2" inkscape:version="0.91 r13725" sodipodi:docname="drawing.svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:s