gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 00:11:14 25 4
gpt4 key购买 nike

我有一个使用 TypeScript 的 React 项目。我正在使用 react-konva 包来绘制一些形状。我怎样才能像在 HTML 中那样为我的形状添加边框(border: 1px solid black)?

我的代码:

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

最佳答案

您必须使用 strokeWidthstroke 属性设置边框。

<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
/>

关于reactjs - 如何为我的 react-konva 形状添加边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58969659/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com