pixijs 创建边框 为1px的矩形

要创建一个1像素边框的矩形，可以使用PixiJS的`drawRect`方法和`lineStyle`方法。下面是一个示例代码，可以创建一个宽为100像素、高为50像素、边框为1像素的矩形：

// 创建一个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`对象添加到舞台中，以便在画布上显示出来。

相关问题

css中如何实现边框为0.5px

在CSS中，实现边框为0.5px需要使用子像素渲染技术，即使用单位为px的小数值。但是，由于不同浏览器的渲染效果可能不同，因此不能保证在所有浏览器中都能实现0.5px的边框。

以下是一种实现0.5px边框的方法：

.element {
  border: solid 0.5px black;
}

这种方式使用了实线边框，颜色为黑色，边框宽度为0.5px。但是，一些浏览器可能会将0.5px的边框四舍五入为1px或者向下取整为0px，因此实际的边框宽度可能会有所不同。

另一种实现0.5px边框的方法是使用伪元素和缩放属性：

.element {
  position: relative;
}
.element::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid 1px black;
  transform: scaleY(0.5);
  transform-origin: top;
}

这种方式使用了一个伪元素，在元素上方创建一个0.5px高的边框。使用缩放属性将边框高度缩小到一半，从而实现了0.5px的边框效果。但是，由于使用了伪元素和变换属性，可能会对性能产生一定的影响。

表格边框为3px的代码

可以使用以下 CSS 代码设置表格的边框为3px宽：

table {
  border: 3px solid black;
  border-collapse: collapse;
}

其中 `border` 属性用于设置边框的宽度、样式和颜色，`border-collapse` 属性用于合并相邻的边框，使表格看起来更加美观整洁。您可以根据需要调整边框的颜色和样式。