JS動的修正transform:scale(x)属性

852 ワード

Css JS トランスフォーム scale 拡大縮小 CSS

今日、プロジェクトを書くときにdivスケールを修正する問題に遭遇しました.固定サイズのスケールを直接与えるわけではないので、JSを使ってダイナミックスケールを制御する方法をまとめました.
divを指定します.


	var Scale = document.getElementById("box");
	var lxl = 2;    //        ，           ，          。
	Scale.style.transform = "scale("+ lxl +")";    //scale()               。

これによりJSを用いてスケーリング属性を制御することができ,lxlという変数を操作して動的な効果を達成することができる.
さらに、ES 6のテンプレート文字列を使用して、次のことを実現できます.


  let box = document.getElementById('box')
  let ScaleNum = 2
  box.style.transform = `scale(${ScaleNum})`

同じようにスケールの効果が得られます.
バラバラ:
==ホームドア==

cssマルチブラウザの互換性の問題

asp.Net ExcelデータからDataTableへのコードの読み出し