0

SCADA ウィジェットは Chrome と Firefox では正しく表示されますが、Internet Explorer では表示されません (IE 11 を試しました)。これは一般的な IE/.svg の問題である可能性があります。または、何か間違っている可能性があります。これが私の .svg からの抜粋です。

...
<g
    id="layer1-1-7"
    inkscape:label="Layer 1"
    transform="translate(90.285715,99.790733)">
    <!--{{state1}}-->
    <rect ... ng-class="{spotFree: state1=='free', spotOccupied: state1!='free'}" ... />
    ...
</g>
...
<style
    id="style3348"
    type="text/css">
    .spotOccupied {
        fill:#ff0000;
    }
    .spotFree {
        fill:#00ff00;
    }
</style>
...

したがって、実際には、プロパティの値に応じて色が変わるはずの長方形であり、これは私のデバイスの 1 つのプロパティへのリンクです。Chrome/FF で動作しますが、IE ではスタイルがまったく適用されません (四角形は黒で、プロップの状態によって変化しません)。もっと/違うことはありますか?

4

2 に答える 2

1

<style>これは IE の問題のようです -動的に追加されたタグを処理しません。この問題については、たとえばここでは一般的に、ここでは SVG のコンテキストで議論されています。SCADA ウィジェットの SVG ファイルは動的に挿入されるため、影響を受けます。ダッシュボードを開いた状態で IE11 のコンソールで次の JavaScript コード (2 番目のリンクから取得) を実行すると、色が SVG に表示されることを確認できます。

_.each(document.querySelectorAll('style'), function (s) {
  s.textContent += '';
});

現時点では良い回避策は見当たりません。fill一時的に各要素にプロパティを直接割り当てることができますが、ng-style明らかにコードが重複します。<style>挿入された SVG ファイル内のタグの評価をトリガーするように、SCADA ウィジェットを改善するために Things Cloud にチケットを提出できると思います。

于 2016-07-27T18:01:00.447 に答える
0

私はここ Things Cloud で独自の SCADA ウィジェットが正常に動作するかどうかを確認しました。それらはIE11に取り組んでいます。そのため、IE11 に一般的な SCADA ウィジェットの問題があることを確認できません。

于 2016-07-21T14:17:53.870 に答える