[http://daniel-lundin.github.io/snabbt.js/cards.html][1]
function wall_positions() {
var positions = [];
var w = CARD_WIDTH + 10;
var h = CARD_HEIGHT + 10;
var start_x = (WIDTH - 10 * w) / 2;
var start_y = (HEIGHT - 4 * h) / 2;
for (var i = 0; i < CARD_COUNT; ++i) {
var x = i % 10 * w + start_x;
var y = Math.floor(i / 10) * h + start_y;
positions.push({
position: [x, y, 0],
rotation: [0, 0, 0]
});
}
return positions;
}
链接中的wall模式的坐标计算,其start_x和start_y是怎么计算出来的,其左右的原点是何处呢
snabbt动画用的是transform,所以这里的position的x, y都是相对元素在没有transform前的自身位置。你只要自己试试在一个元素上用snabbt position看看效果就知道了