6回答

• 

  qq_慕UI8227309

  2019-04-08 11:22:33

  请问这是错在哪里里

  0 0
• 

  慕雪1014944

  2018-11-02 21:36:44

  你给canvas的width赋值两次，未给height赋值
  canvas.width = WINDOW_WIDTH;
  canvas.height= WINDOW_HEIGHT;

  0 0
• 

  慕丝1033313

  2018-03-02 23:15:43

  请问你这个问题解决了吗

  
  

  0 0
• 

  qq_御龙演兵小号_0

  2017-09-10 09:54:54

  因为都绘制到0,0,点了 重叠了

  0 0
• 

  liyanping

  2017-09-01 17:27:29

  知道错在哪里了

  0 0
• 

  liyanping

  2017-09-01 16:15:17

  var WINDOW_WIDTH = 1024;
  var WINDOW_HEIGHT = 768;
  //小圆半径
  var RADIUS = 8;
  window.onload = function(){
     var canvas = document.getElementById('canvas');
     var context = canvas.getContext("2d");
  
     canvas.width = WINDOW_WIDTH;
     canvas.width = WINDOW_HEIGHT;
  
     render(context)
  }
  //绘制画布
  function render(cxt){
     var hours = 12
     var minutes = 34
     var seconds = 56
  
     //从什么位置开始（0.0），获取十位数字（parseInt(hours/10)）cxt：上下文绘图环境
     renderDigit(0 , 0 , parseInt(hours/10) , cxt)
  }
  function renderDigit(x ,y , num , cxt){
     cxt.fillStyle = "rgb(0,102,153)";
  
     for(var i = 0;i<digit[num].length;i++)
         for(var j = 0;j<digit[num][i].length;j++)
         //如果二维数组数字为1，就在1的地方绘制一个小圆
             if(digit[i][j] == 1){
                 cxt.beginPath();
                 cxt.arc(x+j*2*(RADIUS+1)+(RADIUS+1) , y+i*2*(RADIUS+1)+(RADIUS+1) , RADIUS , 0 , 2*Math.PI )
                 cxt.closePath()
  
                 cxt.fill()
             }
  }

  0 0