Beispiel
Stellen Sie eine Basis Platzierung des gedrehten Element:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Versuch es selber " Definition und Verwendung
Die transformOrigin Eigenschaft können Sie die Position auf transformierten Elemente ändern.
2D transformierte Element kann die x- und y-Achse des Elements ändern. 3D-transformierte Element kann auch die z-Achse des Elements ändern.
Note: Diese Eigenschaft muss zusammen mit dem verwendet werden , verwandelt Eigenschaft.
Browser-Unterstützung
Die transformOrigin Eigenschaft wird in Internet Explorer 10, Firefox und Opera unterstützt.
Internet Explorer 9 unterstützt eine Alternative, die msTransformOrigin Eigenschaft, sondern nur für 2D-Transformationen.
Chrome, Safari und Opera unterstützen eine Alternative, die WebkitTransformOrigin Eigenschaft, sowohl für 2D- und 3D-transfoms.
Syntax
Bringen Sie die transformOrigin Eigenschaft:
object .style.transformOrigin Stellen Sie die transformOrigin Eigenschaft:
object .style.transformOrigin=" Eigenschaftswerte Wert Beschreibung x-axis Definieren, wo die Sicht auf der x-Achse platziert ist. Mögliche Werte: - links
- Center
- Recht
- length
- %
y-axis Definieren, wo die Sicht auf der y-Achse angeordnet ist. Mögliche Werte: - oben
- Center
- Boden
- length
- %
z-axis Definieren , wo die Sicht auf der z-Achse angeordnet ist (for 3D transforms) - (for 3D transforms) . Mögliche Werte: - length
initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: 50% 50% 0 Rückgabewert: Ein String, die die Transformation-origin Eigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
JavaScript Style - Objekt: transform property
CSS - Referenz: transform-origin property
<Style - Objekt