html5 canvas实现跟随鼠标旋转的箭头

                c_x=getPos(e).x-canvas.offsetLeft;   

                c_y=getPos(e).y-canvas.offsetTop;   

                //setInterval(drawFram,1000/60)   

                requestAnimationFrame(drawFram)   

            }   

        },false)   

        canvas.addEventListener('mouseup',function(e) {   

            isMouseDown=false;   

        },false)   

        function drawFram(){   

            var dx=c_x-Arrow.x;   

            var dy=c_y-Arrow.y;   

            Arrow.rolation=Math.atan2(dy,dx);   

            ctx.clearRect(0,0,canvas.width,canvas.height);   

            Arrow.draw(ctx)   

        }   

        function getPos(e) {   

            var mouse={x:0,y:0}   

            var ee=e||event;   

            if(e.pageX||e.pageY){   

                mouse.x=e.pageX;   

                mouse.y=e.pageY;   

            }else{   

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!