如何为我的react-konva形状添加边框？

Question

问题：

我有一个带有TypeScript的React项目。我正在使用react-konva软件包绘制一些形状。如何在我的形状上添加HTML格式的边框（边框：1像素纯黑色）？

我的代码

       <Rect
          x={103}
          y={103}
          width={144}
          height={44}
          // here i need a border
          fill="#E2E6EA"
          draggable
          onDragStart={this.handleDragStart}
          onDragEnd={this.handleDragEnd}
        />

Answer 1

您必须使用strokeWidth和stroke属性设置边框。

<Rect
    x={103}
    y={103}
    width={144}
    height={44}
    // here i need a border
    fill="#E2E6EA"
    draggable
    onDragStart={this.handleDragStart}
    onDragEnd={this.handleDragEnd}
    strokeWidth={1} // border width
    stroke="red" // border color
/>