檢索特定值（規模）的webkit變換創建條件規則

我在我的HTML代碼中的div使用該風格：檢索特定值（規模）的webkit變換創建條件規則

-webkit-transform: translate(-360px, -360px) scale(1) translate(960px, 238.5px) translate(0px, 0px) scale(1);

的scale的最後一個值變爲1到2，這是我在div上滾動的縮放。

我需要在Javascript中創建一個有條件的規則，在規模超過1.5的情況下，但我該怎麼做呢？

其他值可能會改變，所以我不能重寫整個串...

類似：

var test = getElementById('div').style.webkitTransform.scale 
if (test > 1.5) { };

來源

2014-01-16 user2112273

這是一個重複http://stackoverflow.com/questions/5603615/get-the-scale-value-of-an-element？ – roobeedeedada

可以縮短用一個簡單的正則表達式：

var xform = document.getElementById('div').style.webkitTransform, 
    match = xform.match(/scale\(([\-\d\.]+)\)$/); 
if (m && m[1] > 1.5) { 
    // ... 
}

當然，您必須確定transform屬性的確切格式，但條件表達式會檢查它。

來源

2014-01-16 11:56:31 MaxArt

謝謝你的回答！但不起作用..也許是因爲所討論的div不是在同一個文件中創建的 – user2112273

@ user2112273「不起作用」不是回覆。什麼不行？「xform」產生了什麼？順便說一句，我剛剛注意到，在複製和粘貼你的代碼時，你寫了'getElementById'而沒有'document'。也許這就是問題所在？ – MaxArt

我想讓你明白。我不能用代碼..這是一個示例頁面：http://www.areavisuale.it/scarpa.html在這裏，如果您檢查代碼，您可以看到名爲objectimage2的IMG ID。 img具有webkit轉換功能，縮放時縮放比例會變化。我想檢索該值，以便當縮放比例> 1.5時出現一個按鈕。我試過用你的代碼，但沒有任何反應。我認爲問題在於'objectimage2'是由「idontknowwhich」代碼自動創建的，因此不在我的html或js中。 – user2112273

檢索特定值（規模）的webkit變換創建條件規則

回答

相關問題