颤音：用drawnlines使用定制器绘制图像

Question

我正在处理的应用程序的一部分涉及编辑照片。我试图包括一个绘制图像的选项。我找不到有关如何在Github或文档上执行此操作的任何示例。

这就是我到目前为止所拥有的：

class Sketcher extends CustomPainter {
  final List<DrawnLine> lines;
  final ui.Image image;
  final BuildContext context;

  Sketcher({required this.lines, required this.image,});


  @override
  void paint(Canvas canvas, Size size) {
    Paint paint = Paint()
      ..color = Colors.redAccent
      ..strokeCap = StrokeCap.round
      ..strokeWidth = 5.0;




    for (int i = 0; i < lines.length; ++i) {
      if (lines[i] == null) continue;
      for (int j = 0; j < lines[i].path.length - 1; ++j) {
        if (lines[i].path[j] != null && lines[i].path[j + 1] != null) {
          paint.color = lines[i].color;
          paint.strokeWidth = lines[i].width;
          canvas.drawLine(lines[i].path[j], lines[i].path[j + 1], paint);
        }
      }
    }

// Add DrawnLine to image
  }

  @override
  bool shouldRepaint(Sketcher oldDelegate) {
    return true;
  }
}

目前，我正在stack窗口小部件中显示图像上的绘制线路。

是否可以通过修改图像的线条将画布与图像结合在一起？

我已经知道canvas.drawimage（），但是我还没有找到任何有效的代码，也没有人在网上在任何地方都有类似的问题。