smil

    10热度

    4回答

    基于this代码动画,我试图动画动态生成的SVG元素: var svgnode = document.createElementNS('http://www.w3.org/2000/svg','svg'); var circle = document.createElementNS('http://www.w3.org/2000/svg','circle'); circle.setAttrib

    9热度

    4回答

    我想设置使用< set>标签的形状的旋转角度,但对于我的生活我无法弄清楚。什么是正确的语法? <set id="smallGearJump" attributeName="transform" attributeType="XML" type="rotate" to="110 100 100" begin="1s" dur="1.7s" /> 编辑:澄清 - 我试图将它

    0热度

    1回答

    我使用<foreignObject>在<svg>中嵌入了<div>。我想<animate>其CSS属性不透明度,在页面加载时淡入。因此,我指定一个XLink定位器,指的是目标元件是动画: <g xmlns:xlink="http://www.w3.org/1999/xlink"> <animate xlink:href="#animateThis" attributeType="CSS" att

    0热度

    1回答

    随着时间的推移,我试图让对象旋转的速度越来越快,而且每次动画重复时都会遇到事件触发的麻烦。 SVG/SMIL的​​似乎是我需要的,但在下面的代码中,onSpinEnd()似乎根本不会被调用。我究竟做错了什么? <path id='coloredPart' d='…'> <animateTransform id='spin' attributeName='tr

    2热度

    1回答

    这个SVG动画我有一个L形<path>元素,我尝试<animate>其d属性,使其顺利成长: http://jsfiddle.net/Mathiasa/be5HS 我用S形之前尝试过了,它的工作原理: http://jsfiddle.net/Mathiasa/bq9dt/ 为什么L形状不像S形那样缩放 - 因为我使用相同的方法?

    1热度

    2回答

    我创建了超过3000条路径的怪兽动画SVG文件。每条路径都使用声明式SMIL动画独立动画。它在所有新的浏览器中缓慢而精美地播放,使用IE9的一点js后备。 (我会发布一个链接,但它不会澄清任何东西。) 我开发了使用HTML5和内联SVG的页面。就在我完成时,我意识到我不想迫使移动浏览器扼杀这个庞大的文件。所以我将svg移动到一个外部文件中,并添加了所有的xml声明。在页面中的重要信息已经呈现之后,

    2热度

    2回答

    我试图使用SVG为视频元素创建UI。我正在寻找一个简单的解决方案来控制控制栏的动画,当鼠标放在窗口的底部时,我想从窗口底部抬起(如YouTube)。 这是我希望做什么: <svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 640 360" preserveAspectRatio="none"

    0热度

    1回答

    我有一台安装了Smooth Streaming Media Services的IIS服务器和一个视频文件f.e.它等于长度100 有无SMIL标记下一情况下,任何参数或东西另一: 我设定SMIL文件作为源如果HTML5视频标签 在SMIL我设置属性等进行偏移和持续时间 视频从20秒播放到50和HTML5视频控件应显示的视频长度为30秒 它应该在iPad作品 谢谢

    5热度

    1回答

    假设我拥有这种昆虫的SVG。除非这种方式不可行,否则我想将其作为<img />或<object />标签插入。 现在,insect.svg有两个动画:一个用于散步,另一个用于飞行。 我想单独地从HTML的JavaScript开始/停止这些动画(或者从HTML JavaScript中调用一个嵌入的SVG JS函数“walk”或“fly”)。因此,如果在游戏过程中,我希望我的昆虫能够飞行,那么我可以通

    3热度

    1回答

    考虑一个简单的SVG的SMIL动画: <svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -50 100 100"> <circle r="40" fill="red"> <animate attributeType="CSS" begin="click" attributeName="fill" t