通過Angular嵌入SVG和動畫

Question

我想用ng-include嵌入SVG和Angular.js。 SVG包含在defs標記中定義的動畫，因此它們是自包含的。

現在，問題在於動畫定期執行並且在我的本地環境中使用gulp serve進行檢查時動作非常驚人，但動畫在生產中無法正常工作，或者當我運行服務器時出現了gulp serve:dist。

我試圖以許多不同的方式包含SVG，使用img標籤，使用object等...沒有運氣，每次運行帶有生產配置的服務器時，都會加載SVG，但動畫是忽略。誰遇到過這個問題？

Answer 1

運行'dist'任務後，仔細檢查瀏覽器發送的svg。一個HTML minifier可能會搞砸svg文件，所以如果這是dist任務的一部分，請嘗試禁用它，或者確保它不針對SVG文件。