最近做的项目,美工小哥为了增加页面的酷炫效果,特意做了一些svg动画,拿到源文件后,与其他.svg格式图片并无差别,一键查看源码,企图能来个复制粘贴到项目组件,问题来了:
看到的源码,是长篇幅压缩的静态path+带有script标签的压缩脚本,不像其他的图片那样只是一段标签包裹的路径,直接复制到项目,页面都不出来了,尝试挪动<script>脚本到mounted钩子函数,外部引入等方式,依旧无法如期运行。跟同事各种查资料,尝试各种插件皆无果,最后找到了问题的源头,在于制作这个动画的工具-SVGATOR,
在隐蔽的用户帮助中心找到了教程,将<script>标签的内容移到了mounted钩子函数后,删除该段脚本头部的<script><![CDATA[ 以及尾部的 ]]></script>。
详情见官方教程:www.svgator.com/help/gettin…
至此,问题算是解决了。由此感慨道:遇到问题的时候,要思考问题的本质,解铃还需系铃人。当svg还是那个svg的时候,就要思考创造者给他配置的使用说明,避免做无用功。