, wie man den Stil des #perspective div verwandeln Perspektive-origin Eigenschaft

diese css i, wie man den Stil des #perspective div verwandeln Perspektive-origin Eigenschaft

#perspective { 
    width: 200px; 
    height: 200px; 
    margin: 75px 0 0 75px; 
    border: 1px solid black; 
transform:perspective-origin(center center); 
}

diese JS Perspektive-Ursprung zu bekommen versuche ich versuchen, die Perspektive-Ursprung zu erhalten, und ich will bekommen der Wert aber keine Arbeit ihrer

function getCssProperty(ele, property) { 
var id = document.getElementById(ele); 

return 
window.getComputedStyle(id, null).getPropertyValue(property); 

}//this is first class perspective and property transform 
console.log(getCssProperty('perspective', 'transform'));

Quelle

2016-07-20 Chang Rik

Dies wird den Trick. Ich werde untersuchen transformieren: Perspektive-Ursprung (Zentrum Mitte); vs Perspektive-Ursprung: Zentrum;

<!DOCTYPE html> 
<html> 
<head title="StackO"> 
    <script src="~/Scripts/jquery-1.9.1.min.js"></script> 
    <style> 
     #perspective { 
      width: 200px; 
      height: 200px; 
      margin: 75px 0 0 75px; 
      border: 1px solid black; 
      /*transform: perspective-origin(center center); this is not valid for the transform property;*/ 
      perspective-origin: center center; 
     } 
    </style> 
    <script src="~/Scripts/jquery-1.9.1.min.js"></script> 
</head> 

<body> 
    <div id="output"></div> 
    <input type="button" id="target" value="getEvt" /> 

    <div id="perspective"></div> 
    <script type="text/javascript"> 
     function getCssProperty(ele, property) { 
      var id = document.getElementById(ele); 
      var prop = 
      window.getComputedStyle(id, null).getPropertyValue(property); 
      return prop; 
     } 

     $("#target").click(function() { 
      var prop = getCssProperty('perspective', 'perspective-origin'); 
      $("#output").html(prop); 
     }); 
     //console.log(getCssProperty('div2', 'role')); 
    </script> 
</body> 
</html>

Quelle

2016-07-20 22:36:49 kblau

transform-ursprung: zentrum; ist gültig und zeigt dieselben Koordinaten für Zentrum als Perspektive-Ursprung. Ich suche immer noch nach der Gültigkeit von transform: Perspektive-Ursprung (Zentrum-Mitte) Ich glaube nicht, dass dies ein gültiges CSS ist. Sie könnten eine Transformation haben: rotateX (30deg); und habe diese Zeile in meinem Code, um einen Wert zurückzugeben (zum Beispiel): var prop = getCssProperty ('perspective', 'transform'); – kblau

, wie man den Stil des #perspective div verwandeln Perspektive-origin Eigenschaft

Antwort

Verwandte Themen