Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于DOM属性的Polymer 1.0霓虹灯动画_Javascript_Animation_Polymer_Polymer 1.0 - Fatal编程技术网

Javascript 用于DOM属性的Polymer 1.0霓虹灯动画

Javascript 用于DOM属性的Polymer 1.0霓虹灯动画,javascript,animation,polymer,polymer-1.0,Javascript,Animation,Polymer,Polymer 1.0,我一直在尝试用Polymer设置一些DOM属性的动画,但没有成功。问题是,我正在尝试为一些自定义元素、SVG或文本值的内联属性设置动画。还尝试使用动画运行时运行一些自定义JS函数 我注意到“requesAnimationFrame”(在Polymer的例子中是“acync”)不能正确地用于平滑动画 还试图在霓虹灯动画中找到一些东西来处理元素内联属性,但什么也找不到。我在霓虹动画中看到的一切都与CSS样式有关 有人知道在聚合物中这样做的好方法吗 提前谢谢 你想要“动画化”什么类型的属性,属性如何在

我一直在尝试用Polymer设置一些DOM属性的动画,但没有成功。问题是,我正在尝试为一些自定义元素、SVG或文本值的内联属性设置动画。还尝试使用动画运行时运行一些自定义JS函数

我注意到“requesAnimationFrame”(在Polymer的例子中是“acync”)不能正确地用于平滑动画

还试图在霓虹灯动画中找到一些东西来处理元素内联属性,但什么也找不到。我在霓虹动画中看到的一切都与CSS样式有关

有人知道在聚合物中这样做的好方法吗


提前谢谢

你想要“动画化”什么类型的属性,属性如何在视觉上表现自己?在本例中,我试图动画化SVGs路径的“d”参数,它是一个长字符串,我有一个JS函数来生成它。我也在尝试制作一个数字字符串的动画。。。就像一个从“0”到“100”的数字,但是应该暂停SVG的“d”参数的计时…D3有很多工具用于制作SVG动画,甚至还有更多用于缩放值范围的东西,这是计算动画回调的艰难之路。。。你不必去D3,只要使用它的util函数就行了。我是undestan,但我正在寻找一个更集成的聚合物解决方案。在许多情况下(也在本项目中),我尝试为使用Polymer创建的自定义元素的属性设置动画。D3帮不了忙,我不明白为什么D3帮不了忙。它有很多属性修改工具,其中许多工具都很好地适应了更大的范围,这使得在一系列值之间缓慢地改变属性变得微不足道。。。它适用于SVG、html、自定义元素以及任何具有DOM的对象。如果你不想咬掉整件事,看看他们是如何为灵感编写实用代码的。