在手机浏览器上面Graphics画线,有问题啊!

效果如上面!代码

    drawGrid:function(node,width,height,col,row,lineColor){
        var g=node.getComponent(cc.Graphics)
        g.clear();
        var colSpacing =width/col;
        var rowSpacing=height/row;

        for (var i=0;i<col+1;i++){
            g.strokeColor = lineColor;
            g.fillColor  = lineColor;
            g.moveTo(i*colSpacing,0);
            g.lineTo(i*colSpacing,-height);
            g.stroke();
        }
        for (var i=0;i<row+1;i++){
            g.strokeColor = lineColor;
            g.fillColor  = lineColor;
            g.moveTo(0,-i* rowSpacing);
            g.lineTo(width,-i* rowSpacing);
            g.stroke();
        }
    }

在PC浏览器上面没问题!

你至少至少要说明你用的什么浏览器啊 :sweat_smile::sweat_smile:

手机所有浏览器都不行啊!

chrome 上模拟手机 测试结果:

vivo 手机 + qq浏览器 测试结果

iphone 6 微信内置浏览器 测试结果

这些都比较正常,所以需要你列一下你使用的手机及浏览器情况

这叫正常?粗细都不均匀!

哦,vivo 那个是有一些不均匀,但是也没有你那个效果那么恶劣。

vivo 上的 qq 浏览器 是android 浏览器,上面的画线方法是调用的浏览器底层 canvas 接口。
这个效果我们是无法控制的

1赞