私はCSS3を使用してCSSアニメーションを作成しています。私はrotateXを使って画像を回転しています。私は原点の位置を何らかの形でマークして、回転点の位置が正確にわかるようにしたいと思います。-webkit-transform-originの位置をどのようにマークすることができますか？
どのように-webkit-transform-originの位置をマークできますか？私は、任意のソリューション、CSSまたはJavaScriptにオープンしています。
私は（バージョン18）を使用しているChromeのバージョンでは、いずれの要素の-webkit-transformation-originも最初は要素の中心で常にという相対的なの座標になります。
element.style.webkitTransformationOrigin
が空の文字列であれば、それは
Math.floor(element.width/2) + "px " + Math.floor(element.height/2) + " px"だろう。
空の文字列でない場合、そのフォーマットは[x]px [y]pxで、2つの座標の間にスペースが入ります。あなたの場合のように、必要であれば正規表現で値を抽出することができます。値は要素との相対値であるため、ページ上の要素の絶対位置を取得し、あなたの起源の絶対的な位置を得ること。
このソリューションは、実際には原点に物理的マーカーを配置しているので、中心点を視覚的に見ることができますか？ – zeckdude
あなたはあなたの答えにタイプミスをしました：element.style.webkitTransformOrigin。 Chrome（05/14）では、接頭辞のないバージョン（transformOrigin）が存在しますが、定義されておらず効果がないことに注意してください。 – GameAlchemist