javascript - 変数を使用してjavaScriptでスタイルを設定する

Question

function Scale(){
    X = innerWidth / 1024;
    Y = innerHeight / 768;

    Z = document.getElementById("IFM");
    Z.style.transform = "scale(X, Y)";
}

このコードに問題があります。スケールで変数を使用できませんでした！
この問題で何ができますか？

Answer 1

JavaScriptにはインライン文字列変数はありません。できることは、文字列を連結することだけです。

Z.style.transform = "scale("+X+", "+Y+")";

数値は暗黙的に文字列に変換されます。

いくつかのカスタムのsprintfようなformatメソッドまたはreplaceメソッドを使用することもできますが、通常はとの連結の+方が簡単です。

Answer 2

concats / plusを使用して文字列を作成するか、を使用しますString.prototype.replace。

Z.style.transform = "scale(" + X + "," + Y + ")";

またはのようなヘルパーと

String.prototype.sFormat = function _simpleFormat( map ) {
    var myString    = this.toString(),
        args        = map instanceof Array ? map : Array.prototype.slice.call( arguments );

    while( ~myString.indexOf( '%r' ) ) {
        myString = myString.replace( '%r', args.shift() );
    }

    return myString;
};

..そして次のように行きます

Z.style.transform = "scale(%r, %r)".sFormat(X,Y);

Answer 3

その行を次のように変更します。

Z.style.transform = "scale(" + X +", "+ Y + ")";

Answer 4

この方法を試してください"scale（" + X + "、" + Y + "）";