[英]How can I add a border to my react-konva shape?
我有一个带有 TypeScript 的 React 项目。 我正在使用 react-konva package 来绘制一些形状。 如何在我的形状中添加一个边框,如 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}
/>
您必须使用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
/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.