iTakeo

制作一个多面体。

var set= {
    width: 80, //每个宽度
    num :8  //个数
};
function translateZ(opts) {
    return Math.round(opts.width / (2 * Math.tan(Math.PI / opts.number)));
};
var znum = translateZ({
    width: set.width,
    number: set.num
}); 
for(var i=0;i < set.num;i++){
    var rotateY = (360/set.num)*i;
    var style = 'transform:rotateY('+rotateY+'deg) translateZ( '+znum+'px );'
    carousel.insertAdjacentHTML("beforeend", '<figure style="'+style+'">'+(i+1)+'</figure>');
};
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
16.

2016/09/04 0 / /
标签:  暂无标签

验证码: 1 + 1 =

回到顶部