在 Konva 中构建自定义形状

Question

我被要求制作类似的东西，以便客户可以绘制厨房台面的基本形状。与下图类似，但也有尺寸。

看起来 konva 支持矩形和圆形等基本形状，它还包括一个允许调整大小的转换器。但是，我想如果我想构建一个像绿色那样的自定义形状并具有单独的尺寸，即调整每条线的大小。我将不得不自己构建一些东西。

我希望有人能指出我正确的方向。我见过一个例子，有人使用了一个“线”类，它采用一系列点，然后将属性设置为填充形状。显然我需要扩展它以允许自定义调整大小。但是，我不确定这是往下走的正确路径吗？

有什么建议吗？

.

Answer 1

如何使用矩形并选择将它们对齐在一起。进行边缘检测和捕捉应该相当简单。然后将结果显示为围绕周边的 Konva.Line。

然后您可以显示矩形的所有控制手柄，除了另一个矩形连接的边上的控制手柄。