Question

我是Cocos 2d js的新手..... 我想知道如何使用cocos2d js绘制一个带边框的矩形？我试图谷歌但没有找到任何示例代码或类似的东西.. 这很简单，使用HTML和CSS ... 感谢。

Answer 1

你需要在你的场景/图层中添加一个绘制节点并在其上绘制一个矩形。例如，假设您的图层中有以下方法：

{
  ...
  var dn = new cc.DrawNode();
  this.addChild(dn);
  dn.drawRect(cc.p(50,50), cc.p(200,300), cc.color(255,0,0,255), 3, cc.color(0,255,0,255));
  ...
}

函数调用参数为：drawRect(origin, destination, fillColor, lineWidth, lineColor)。

这是来自samples/js-tests文件夹中的样本，该文件夹应位于cocos2d-js文件夹中。有关更多信息，请在此处查看绘图节点上的API：http://www.cocos2d-x.org/reference/html5-js/V3.3/symbols/cc.DrawNode.html

PS：但是，如果要绘制带有线条颜色的实心圆圈，请注意当前没有该功能。有一些解决方法，我发现最好的解决方案是使用drawDot作为圆圈的“内部实体部分”，并使用drawCircle作为外部部分。

使用Cocos2d Js显示带边框的矩形

1 个答案: