flutter - 如何在颤动的画布中仅绘制文本的笔画？

Question

我正在尝试在我的颤振应用程序中实现一个功能，用户可以在笔触和填充视图之间切换，用于文本（如 adobe illustrator 或类似）。如何在颤振画布中获得这种效果。

这是一个询问如何在 CSS 中实现这一点的问题。

Answer 1

您可以foreground使用TextStyle.

Stack(
  children: <Widget>[
    Text(
      'Outlined Text',
      style: TextStyle(
        fontSize: 40,
        fontWeight: FontWeight.bold,
        foreground: Paint()
          ..style = PaintingStyle.stroke
          ..strokeWidth = 3
          ..color = Colors.black, // <-- Border color
      ),
    ),
    const Text(
      'Outlined Text',
      style: TextStyle(
        fontSize: 40,
        fontWeight: FontWeight.bold,
        color: Colors.white, // <-- Inner color
      ),
    ),
  ],
)

结果

参考

如何在 Flutter 中装饰文字笔划？