2016-08-05 4 views
0

Angular.jsでSVGを埋め込みようとしています。ng-includeを使用しています。 SVGには、defsタグで定義されているアニメーションが含まれているので、それらは自己完結型です。アニメーション付きのSVGを角で埋め込む

さて、問題は、アニメーションが定期的に実行し、私はgulp serveと私のローカル環境でそれを確認したときに驚くほど動作しますが、私はgulp serve:distでサーバを実行したときにアニメーションが生産に仕事をしたりしないことです。

imgタグ、objectなど、さまざまな方法でSVGを取り込もうとしました...実稼働環境でサーバーを実行するたびにSVGが読み込まれますが、アニメーションは無視される。この問題を経験した人は誰ですか?

+1

distタスクの実行後にブラウザに読み込まれるsvgの内容を確認しましたか?これを見たことがないが、html minifierやその他のものがあなたがそのタスクを実行するときにsvgをmungingしているのだろうかと疑問に思いますが、プラグインの設定を除いて、サイト/バックエンド/ – shaunhusain

+0

@shaunhusainあなたは私のヒーローです。SVGが正しくロードされていましたが、SVG全体を完全に混乱させ、スタイルタグの内容を無効にしていました。私がそれを受け入れることができるように、トリプルは、腐ったときにSVGのファイルをスキップすることです。 – bontoJR

+0

ああ、確かに幸運推測:) – shaunhusain

答えて

1

「dist」タスクを実行した後、ブラウザから送信されたsvgを再度確認してください。 HTMLミニファイアはsvgファイルを混乱させる可能性があります。それがdistタスクの一部であれば、それを無効にするか、SVGファイルを対象としていないことを確認してください。

関連する問題