如何使用HTML5

我試圖繪製網格爲使用HTML5圓圈繪製網格圈進入如下圖所示使用的紙張JS： enter image description here 如何使用HTML5

但我不明白，什麼是正確的邏輯，在這個解決方案JavaScript的。以下我的腳本：

for (var _q=0,_qmax=(2*Math.PI),_qstep=(Math.PI/20); _q<_qmax; _q+=_qstep) 
     { 

      _sx = x+Math.sin(_q)*_radius; 
      _sy = y+Math.cos(_q)*_radius; 

      var path=new Path(); 
      path.strokeColor='white'; 
      path.strokeWidth=2;    
      path.moveTo(_sx,_sy); 
      path.lineTo(_sy,_sx); 
     }

來源

2014-09-20 meteorx

這裏有什麼錯？爲什麼會給予反對票？如果更好，幫助我。 – meteorx 2014-09-20 20:23:03

請做一個片段。你的問題可以在幾秒鐘內回答.. – 2014-09-20 20:26:54

http://i.stack.imgur.com/PskkM.jpg。我添加圖像。 PLZ檢查它。 – meteorx 2014-09-20 20:36:10

終於我明白了，那裏有什麼問題。如果沒有適當的答案，很多人會給我反面投票。 thx給他們「讓我成長」。使用畫布x，y座標跟隨結構。

_draw_grid:function(_radius,_step,_color, _width) 
    { 
      var _group=new APP.RADAR.Group(); 
      for (var _q=0,_qmax=(2*Math.PI),_qstep=(Math.PI/_step); _q<_qmax; _q+=_qstep){ 
       _sx = APP.POSITION.x+Math.sin(_q)*_radius; 
       _sy = APP.POSITION.y+Math.cos(_q)*_radius; 

       var path=new APP.RADAR.Path(); 
       path.strokeColor=_color; 
       path.strokeWidth=_width; 
       path.moveTo(_sx,APP.POSITION.y*2-_sy); 
       path.lineTo(_sx,_sy); 
       _group.addChild(path); 

      } 
      for (var _q=0,_qmax=(2*Math.PI),_qstep=(Math.PI/_step); _q<_qmax; _q+=_qstep){ 
       _sx = APP.POSITION.x+Math.sin(_q)*_radius; 
       _sy = APP.POSITION.y+Math.cos(_q)*_radius; 

       var path=new APP.RADAR.Path(); 
       path.strokeColor=_color; 
       path.strokeWidth=_width; 
       path.moveTo(APP.POSITION.y*2-_sy,_sx); 
       path.lineTo(_sy,_sx); 
       _group.addChild(path); 

      } 
     return _group; 
    },

來源

2014-09-20 22:35:34 meteorx

你想要一個正常的網格。我認爲這裏的網格線會有不均勻的間距。你可能想要類似for（x = -rad; x <= rad; x + = step）{ylow = -sqrt（rad * rad-x * x）; yhigh = sqrt（rad * rad-x * x）;的moveTo（X，ylow）;了lineTo（X，yhigh）; }使用pythagoras來獲得y座標。 – 2014-09-21 03:20:09

謝謝柳條阿爾巴 – meteorx 2014-09-21 08:37:25

如何使用HTML5

回答

相關問題