pixijs 创建边框 为1px的矩形
时间: 2024-03-05 10:47:42 浏览: 88
要创建一个1像素边框的矩形,可以使用PixiJS的`drawRect`方法和`lineStyle`方法。下面是一个示例代码,可以创建一个宽为100像素、高为50像素、边框为1像素的矩形:
```js
// 创建一个Graphics对象
var graphics = new PIXI.Graphics();
// 绘制矩形边框
graphics.lineStyle(1, 0x000000); // 设置线条颜色为黑色,线条宽度为1像素
graphics.drawRect(0, 0, 100, 50); // 绘制矩形,左上角坐标为(0, 0),宽为100像素,高为50像素
// 将Graphics对象添加到舞台中
app.stage.addChild(graphics);
```
在这个示例代码中,我们首先创建了一个`Graphics`对象,然后使用`lineStyle`方法设置线条颜色为黑色,线条宽度为1像素,接着使用`drawRect`方法绘制一个宽为100像素、高为50像素的矩形,最后将`Graphics`对象添加到舞台中,以便在画布上显示出来。
阅读全文