我如何在颤动中创建一个绘图应用程序，我可以在颤动中绘制线条形状

Question

我一直在尝试创建一个应用程序，最终用户可以在其中绘制或创建他的农场的设计，并显示他土地上管道的方向。首先我尝试在颤振中搜索，因为我的应用程序在颤振中，然后是 python 和 html 画布。在 Flutter 中，可以使用手势检测器、绘画小部件创建免费手绘应用程序。但我找不到合适的选项来创建简单的线条或矩形。

Answer 1

你可以这样做来画一条线，

注意：我们只是存储指针的开始和结束位置。

 onPanStart:
                                          (DragStartDetails details) {
                                        setState(
                                          () {
                                            RenderBox object =
                                                context.findRenderObject();
                                            Offset _localPosition =
                                                object.globalToLocal(
                                                    details.globalPosition);
                                            List.from(linePoints)
                                              ..add(_localPosition);
                                          },
                                        );
                                      },

这样您将存储要绘制的线条的起始位置。 然后继续以相同的方式在onPanUpdate 中更新另一个名为endPosition 的变量，并在onPanEnd 中将endPosition 变量添加到linePoints 列表中。

onPanUpdate:
                                          (DragUpdateDetails details) {
                                        RenderBox object =
                                            context.findRenderObject();
                                        _endPosition =
                                            object.globalToLocal(
                                                details.globalPosition);
                                      },

onPanEnd:(details){List.from(linePoints)..add(_Position);}