js实现立体多层罗盘旋转动画效果代码

代码语言:html

所属分类:动画

代码描述:js实现立体多层罗盘旋转动画效果代码

代码标签: 多层 罗盘 旋转 动画 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
  

  
  
  
  
<style>
* {
   margin:0; padding:0;
}

html {
   overflow:hidden;
}
</style>



</head>

<body>
  <canvas id=canvas></canvas>

  
      <script>
window.onload = function () {

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

  function size() {
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
  }

  function bg() {
    ctx.fillStyle = "rgb(40,40,40)";
    ctx.fillRect(0, 0, canvas.width, canvas.height);
  }

  function emmiter() {
    ctx.fillStyle = "rgba(255,255,255,.8)";
    ctx.beginPath();
    ctx.arc(canvas.width / 2, canvas.height / 2, 3.........完整代码请登录后点击上方下载按钮下载查看

网友评论0