Javascript 如何标记-webkit转换原点的位置？

我正在使用CSS3创建CSS动画。我正在使用rotateX旋转图像。我想以某种方式标记原点的位置，这样我就能准确地看到旋转点的位置

---

如何标记-webkit转换原点的位置？我愿意接受任何解决方案，CSS或JavaScript。

在我使用的chrome版本（版本18）中，任何元素的

-webkit转换原点

最初始终是元素的中心，相对于该元素，两个坐标都是固定的。所以如果

element.style.webkittTransformationOrigin

是一个空字符串，那么

Math.floor（element.width/2）+“px”+Math.floor（element.height/2）+“px”

---

如果它不是空字符串，那么它将采用该格式，

[x]px[y]px

，在两个坐标之间有一个空格。如果需要，您可以使用正则表达式提取值，就像在您的例子中一样，并且由于值是相对于元素的，您必须获得元素在页面上的绝对位置，并将原点添加到其中，才能获得原点的绝对位置。

此解决方案是否确实在原点处放置了物理标记，以便我可以直观地看到中心点？您在回答中输入了错别字，请使用：element.style.webkitTransformOrigin。请注意，对于Chrome（05/14），非固定版本（transformOrigin）存在，但未定义且没有效果。