2017-09-15 8 views
0

計算されたスタイル値をJSONオブジェクトとして出力することはできますか?計算されたスタイル(css mixin)をJSONオブジェクトとして取得できますか?

 ... 
     ready: function() { 
      // themeClass = css mixin --theme-typography 
      style = this.getComputedStyleValue(this.themeClass); 

      console.log(style); 
      // outputs: 
      // font-size: 3.0000em; 
      // line-height: 1.0000em; 
      // margin-top: 0.5000em; 
      // margin-bottom: 0.0000em; 
      // font-weight: 400; 
      // font-family: Helvetica Neue, Helvetica, Arial, sans-serif; 

     } 

しかし、それは理想的のようなものでなければなりません:これは本当にポリマーの質問ではありません

  {"font-size":"3.0000em;","line-height":"1.0000em;" etc.} 

答えて

0
const style = this.getComputedStyleValue(this.themeClass); 

console.log(JSON.stringify(style)); 

+0

true、削除されたポリマータグ、およびjavascriptタグが追加されました。ただし、JSON.stringifyは文字列からオブジェクトを作成しません。 – Remi

+0

@Remiタグを付け加えました。残念ながら、ネイティブのjavascript関数 'window.getComputedStyle(...)'と混同しています。あなたはpolymer1.0を使用していますか?私はこれに精通していません、polymer2.0では 'getComputedStyleValue'は存在しません。個人的なプロジェクトであれば、polymer2.0に移行することをお勧めします。おそらく、新しいバージョンで行う必要のないことをしようとしています。 Polymerは現在、3.0リリースに取り組んでいます。申し訳ありませんが私を助けることができなかった – user544262772

+0

努力をいただきありがとうございます。記録のために、 'getComputeStyleValu'eはPolymer 2.0でも知られています。 ShadyCSSと組み合わせて使用​​します。 https://www.polymer-project.org/2.0/docs/upgrade – Remi

関連する問題