svg-animate

    1热度

    1回答

    SVG元素上的多个动画

    如果我有单个SVG元素和与其相关的多个动画元素，哪个动画将首先执行并在SVG上生效？ 示例代码： <svg ...... > <animation id="1" .... /> <animation id="2" .... /> <animation id="3" .... /> </svg> 而没有任何区别，如果动画是来自不同类型 - animateTrans
    animation svg svg-animate 2013-09-26

    0热度

    1回答

    如何将多边形变换为悬停时的矩形？

    我想创建一个美国的互动地图。每当用户将鼠标放在某个状态上时，我希望该多边形转变为一个悬停的矩形，并填充用户可以点击的信息。我需要创建一个通常不可见的矩形，直到鼠标悬停在它上面，或者有另一种方法可以解决这个问题吗？以下是我想要发生的事情，我不知道如何执行它。 <polygon points="19,133 81,152 67,210 132,309 134,319 134,330 127,
    svg svg-animate 2013-09-29

    0热度

    1回答

    动画SVG路径数据

    我想使用jQuery来动画SVG的路径数据属性。 此刻，我创建了SVG，并存储了两个路径，并添加了一个动画元素的按钮。 当我改变属性直接（第一个svg显示），虽然动画不会改变第二个svg上的任何东西，但我有成功。 $('.svg2 svg path').append('<animate attributeName="stroke-dasharray" from="'+OrigPath+'" to=
    jquery animation svg svg-animate 2013-11-21

    2热度

    1回答

    哪个SVG/SMIL DOM元素具有`beginElement`方法？

    最终，这是针对Kiosk风格的应用程序（使用jQuery 1.6.4），可以在Firefox中运行，所以答案可以是Firefox特定的。 我试图做一个动画SVG，但我试图动态插入SMIL动画。我没有看到任何迹象表明它不能完成，并且http://satreth.blogspot.ch/2013_01_01_archive.html和http://srufaculty.sru.edu/david.da
    javascript jquery svg smil svg-animate 2013-10-03

    12热度

    6回答

    重新启动背景SVG动画

    我有一个SVG设定为元件的背景图像。元素第一次显示时，动画播放正确。 在后续的显示器（例如，如果该元素的副本被通过JavaScript注入，或如果背景图像被移除并且添加回用CSS/JavaScript的），动画不从头开始。我认为这是预期的功能，因为该图像不被浏览器重新加载 - 它使用已经具有动画效果的内存版本。 这里就是一个演示（不是我）： http://www.luigifab.info/pub
    javascript css animation svg svg-animate 2013-10-04

    0热度

    1回答

    规模右侧

    我想要的动画，其中一个矩形鳞片从1到3，然后应缩减到1 但是，美中不足的是比例应在左上角开始，并在右上角结束。 <rect x="10" y="10" width="40" height="20" style="stroke: #000000; fill: none;"> <animateTransform attributeName="transform" attribut
    animation svg svg-animate 2013-11-25

    5热度

    1回答

    使用SVG HTML CSS的高效连续滚动图表

    我已经创建了一个实时图表，其中新的数据点不断被输入和绘制。 目前我正在使用requestAnimationFame（），其中我每秒渲染元素的更新位置30次。 对于许多SVG元素，这可能会稍微慢一些。 用SVG动画，CSS动画或CSS转换实现像这样的连续滚动图形的最有效方法是什么？ （没有第三方库）。 在此先感谢。
    html5 css3 svg css-transitions svg-animate 2013-11-28

    2热度

    3回答

    通过Javascript完成时未调用SVG动画元素的endEvent处理程序DOM

    我使用HTML5 SVG，通过Javascript DOM构建图形。 我使用动画沿其x坐标（y常量）移动svg元素（即主svg元素的子元素）。 var animate = document.createElementNS("http://www.w3.org/2000/svg", "animate"); animate.id = i; animate.setAttribute('attribu
    javascript svg svg-animate 2013-10-22

    1热度

    1回答

    如何在关键帧动画

    更新的代码 <!DOCTYPE> <html> <head> </head> <body> <h1> first svg try</h1> <object type="image/svg+xml" data="svg.svg" id="img">Your browser no support</object> </body> </html> 与我的SVG文件改变SVG对象的填充
    html5 css3 svg css-animations svg-animate 2013-10-22

    4热度

    1回答

    如何在SVG中使用动画制作图像（使用CSS？）

    我有一个带有图像的svg，我想知道是否可以使用CSS制作动画？ 我已经把它转变成了一个悬浮的状态，但是它跳跃了一点，这是一个奇怪的效果，但后来我想我可能会有可能让它看起来更自然，如果它是动画的，比如这是我在CSS3动画中看到的反弹效果。 任何人都可以从svg（文本字符中的png）中获得任何想法吗？ 它在我的网站上看起来比它在这个JSFiddle更好看，其中由于某种原因它有点模糊。 SVG代码： <
    css css3 svg svg-animate 2013-12-13
最新问题