2016-08-05 74 views
0

我想用ng-include嵌入SVG和Angular.js。 SVG包含在defs标记中定义的动画,因此它们是自包含的。通过Angular嵌入SVG和动画

现在,问题在于动画定期执行并且在我的本地环境中使用gulp serve进行检查时动作非常惊人,但动画在生产中无法正常工作,或者当我运行服务器时出现了gulp serve:dist

我试图以许多不同的方式包含SVG,使用img标签,使用object等...没有运气,每次运行带有生产配置的服务器时,都会加载SVG,但动画是忽略。谁遇到过这个问题?

+1

您是否在dist任务运行后检查了正在加载到浏览器中的svg的内容?没有看到这一点,但不知道是否一个HTML缩小器或其他东西是在你运行该任务时,除了插件配置是否有任何不同的关于如何设置网站/后端/任何东西的东西? – shaunhusain

+0

@shaunhusain你是我的英雄,是的SVG正确加载,但缩小过程完全搞乱了整个SVG,将样式标签的内容变为无效。诀窍是当gulp正在缩小prod时忽略SVG文件,你能否将它变成一个答案,以便我可以接受它? – bontoJR

+0

啊当然幸运的猜测:) – shaunhusain

回答

1

运行'dist'任务后,仔细检查浏览器发送的svg。一个HTML minifier可能会搞砸svg文件,所以如果这是dist任务的一部分,请尝试禁用它,或者确保它不针对SVG文件。