Impress.js＆CSS変換の代わりにHTML5データ属性を使用

Question

私はImpress.jsを使ってプレゼンテーションを行いましたが、これをiPadに使用するように修正しようと考えていました。しかし、Impressがどのように各スライドに変換を適用するかについて心配しています。 CSSだけを使用するのではなく、データ属性としてHTMLに変換され、Javascriptが適用されます。

これは、物事を行うために過度に複雑で難しい方法として私を襲う。しかし、私はデータ属性を扱う多くの経験はありませんでしたので、私はこれについていくつかの意見を出したいと思っていました。 CSSを普通に書く方が良いでしょうか、データ属性を使う利点が面倒ですね？

Answer 1

理由は簡単です：取得しようとするとCSS変換を設定すると、それは行列変換を返します。だから、matrix3d(10px,0,0,[...])なり、

element.style.webkitTransform = "translate3d(10px,0,0)"; 
var transform = element.style.webkitTransform; 

transform

は translate3d(10px,0,0)ではありません...あなたがのような単純な何かを言います。

​​

あなたは、3D CSSマトリックスで遊ぶことができます。これは、データのattrと同じコードがある

element.style.webkitTransform = "translate3d(10px,0,0)"; 
var matrix = new WebKitCSSMatrix(element.style.webkitTransform); //get the matrix 
var x = matrix.m41 //get the value of x in the matrix 
x += 1500 //modify x 
element.style.webkitTransform = matrix.toString //Apply the new transformation 

次のような行列を解析する必要があるだろう、これらの値を...取得するにはここでは行列を解析するために持っているよりも、後者はさらに複雑に前よりもあるため、

http://jsfiddle.net/F8xLv/