小编use*_*621的帖子

我正在创建Canvas(我是这个Canvas的新手)对象柱面,这是很好的Chrome和Firefox,但当我在ie9中打开相同的文件.

我收到错误,因为'requestAnimationFrame'未定义

当我谷歌错误时,它说requestAniationFrame将无法在ie9上运行.

任何身体都可以帮助我吗？我们有任何替代方法来解决这个问题.

这是我的代码

var canvas = document.getElementById("canvas");
        var context = canvas.getContext("2d");

        var degreeAngle = 0;
        requestAnimationFrame(animate);

        function drawRotatedCylinder(x, y, w, h, degreeAngle) {
            context.save();
            context.translate(x + w / 10, y + h / 10);
            context.rotate(degreeAngle * Math.PI / 180);
            drawCylinder(-w / 10, -h / 10, w, h);
            context.restore();
        }   
function animate() {
        //requestAnimationFrame(animate);
        context.clearRect(0, 0, canvas.width, canvas.height);
        drawRotatedCylinder(100, 100, 180, 180, degreeAngle++);
}

请帮我解决上述问题

谢谢玛哈

我正在使用画布3d形状我对此非常新.我正在尝试创建没有任何插件的Pure css3d柱面.

这是我正在尝试的,输出是我正在循环的代码.

Css代码

div {
    height:200px;
    width:200px;
    border:solid 5px black;
    background:#159;
    border-radius:100%;
    display:inline-block;
    margin:1em;
    position:relative;
    text-align:center;
    line-height:200px;
    color:white;
    font-size:2em;
    transform:rotate(45deg);
    box-shadow:0 0 5px black, inset 0 0 5px #48a;
}

HTML代码

<div>&nbsp;</div>

有人能帮我吗.

在此先感谢Maha