2回答

• 

  SemineLee

  2016-03-01 22:27:40

  我的是可以的...检查一下？

          var tangram = [
          //二维数组，顶点坐标，颜色
              {p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:"#caff67"},
              {p:[{x:0,y:0},{x:400,y:400},{x:0,y:800}],color:"#67becf"},
              {p:[{x:800,y:0},{x:800,y:400},{x:600,y:600},{x:600,y:200}],color:"#ef3d61"},
              {p:[{x:600,y:200},{x:600,y:600},{x:400,y:400}],color:"#f9f51a"},
              {p:[{x:400,y:400},{x:600,y:600},{x:400,y:800},{x:200,y:600}],color:"#a594c0"},
              {p:[{x:200,y:600},{x:400,y:800},{x:0,y:800}],color:"#fa8ecc"},
              {p:[{x:800,y:400},{x:800,y:800},{x:400,y:800}],color:"#f6ca29"}
          ];
  
          window.onload = function(){
              var canvas = document.getElementById("canvas");
  
              canvas.width = 800;
              canvas.height = 800;
  
              var context = canvas.getContext("2d");
              for( var i = 0; i < tangram.length; i++){
                  draw( tangram[i], context)
              }
          }
  
          function draw( piece, cxt){
              cxt.beginPath();
              cxt.moveTo(piece.p[0].x, piece.p[0].y);
              for( var i=1; i<piece.p.length; i++){
                  cxt.lineTo(piece.p[i].x, piece.p[i].y);
              }
              cxt.closePath();
  
              cxt.fillStyle = piece.color;
              cxt.fill();
  
              cxt.strokeStyle = "black";
              cxt.lineWidth = 3;
              cxt.stroke();
          }

  0 0
• 

  Darnell_E_Chen

  2016-02-09 20:14:46

  for后面的括号会不会是位置发错了呢？

  for(var i=0 ;i<digit[num].length;i++)
      for(var j=0;j<digit[num][i].length;j++)
          if(digit[num][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