Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.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
Animation 如何在不使用js或css的情况下创建svg动画_Animation_Svg_Jquery Animate_Adobe_Open Source - Fatal编程技术网

Animation 如何在不使用js或css的情况下创建svg动画

Animation 如何在不使用js或css的情况下创建svg动画,animation,svg,jquery-animate,adobe,open-source,Animation,Svg,Jquery Animate,Adobe,Open Source,不知道如何编码的设计师如何创建svg动画?尝试将Adobe Animate CC与Animate SVG Exporter一起使用,但当.fla文件导出到SVG时,它会释放所有或大部分动画 SVG smil动画 假设您有这个svg .st0{填充规则:偶数奇数;剪辑规则:偶数奇数;填充:无;笔划:#FEC558;笔划宽度:0.5;笔划斜接限制:22.9256;} .st1{fill:#FFC656;} 您可以使用动画或CSS动画。但是你必须知道这不是一个恰当的问题。请阅读更多关于这是很多代码

不知道如何编码的设计师如何创建svg动画?尝试将Adobe Animate CC与Animate SVG Exporter一起使用,但当.fla文件导出到SVG时,它会释放所有或大部分动画

SVG smil动画 假设您有这个
svg


.st0{填充规则:偶数奇数;剪辑规则:偶数奇数;填充:无;笔划:#FEC558;笔划宽度:0.5;笔划斜接限制:22.9256;}
.st1{fill:#FFC656;}

您可以使用动画或CSS动画。但是你必须知道这不是一个恰当的问题。请阅读更多关于这是很多代码。我正在寻找创建svg动画的可视化方法。@user2306700要获得您需要的答案,必须提供更具体的信息。添加您的尝试。对不起,我帮不了你。@user2306700恐怕你来错地方了。本网站是为@user2306700提供的,在第二个示例(本答案顶部的第二个片段)中,您之前已对答案进行了完整解释。如果你认为你只能用眼睛计算路径长度,那你就大错特错了。所有带有动画值的计算都必须使用某些代码进行计算。但在最后的示例中,您没有看到这段代码,因此您认为所有动画都是使用人眼制作的,没有计算,但这是错误的。你有一个很好的答案,有很好的解释,你必须在答案的左边将其标记为已接受。