javascript - 如何使用html5将网格绘制成圆形

Question

我正在尝试使用 html5 将网格绘制成圆形，如下所示使用 paper js:

但我不明白，这个解决方案在 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);
        }

Answer 1

终于我明白了，那里出了什么问题。很多人在没有正确答案的情况下给我投反对票。感谢他们“让我成长”。使用 Canvas 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;
    },