html5 - 请问大神如何做条件判断，让旋转缩小到一定程度后旋转放大，是不是用timer，不知应该如何使用？

问题描述

问 题

<canvas id="canvas" width="500px" height="500px" style="border:1px solid #ddd"></canvas>

    <script>
        var context=document.getElementById("canvas").getContext('2d');
        context.translate(250,250);
        context.fillStyle="lightblue";
        var d=Math.PI/180*30;
        var x=0.9,y=0.9;
        
        timer=setInterval(function(){
            context.clearRect(-canvas.width/2,-canvas.height/2,canvas.width,canvas.height);
            context.rotate(d);
            context.scale(x,y);
            context.fillRect(-125,-125,250,250);
            
        },100)
        
    </script>

解决方案

需要多大的程度，你可以在setInterval里面去判断的。

这篇关于html5 - 请问大神如何做条件判断，让旋转缩小到一定程度后旋转放大，是不是用timer，不知应该如何使用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！