0

要素から現在適用されているプロパティ識別子を取得するにはどうすればよいCSSですか (値を除く)?

translateというか: 、skew、rotateまたは などの要素を取得する方法はrect? のような完全に返された文字列という意味ではありませんrect(300px 0px 0px 300px)。つまり、ただproperty-identifiers...

私はRegExpにあまり詳しくありませんが、それでうまくいくでしょうか？

したがって、より良い解釈のために：

それを確認し、いくつかの値を (matrix-array を介して) 変更し、それらを要素に再度適用する必要があります。

// http://stackoverflow.com/a/5968313/1250044
function matrixToArray(matrix) {
    return matrix.substr(7, matrix.length - 8).split(', ');
}

$("#foo").css("clip","rect(300px 0px 0px 300px)");
var matrix = matrixToArray($("#foo").css("clip"));

                              // If `#foo` has something else
                              // applied than `clip`, then
                    --- ˅ --- // is that not really dynamically
$("#bar").css("clip", "rect(" + matrix[0] + matrix[1] + matrix[2] + matrix[3] + ")");
4

3 に答える 3

0

例えば、

$(ele).css('rotate')

検出するには、戻り長が0より大きいかどうかを確認します

$(ele).css('rotate').length
于 2013-01-18T10:00:08.607 に答える
0

とった...

非常に簡単です：

var getIdentifier = function(str) {
    return str.split('(')[0];
};

getIdentifier( 'rect(300px 0px 0px 300px)' ) // => 'rect'

于 2013-01-18T10:26:42.463 に答える
0

使用できますwindow.getComputedStyle()：

// your elemenet
var el;

// get the transformations applied:
var transform = window.getComputedStyle( el ).transform;

ただし、これによりmatrix、ほとんどの場合、個々の変換が適用されるわけではありません。

于 2013-01-18T09:56:07.607 に答える