canvas - Flutter:如何在 Canvas 上绘制图标？

Question

我正在使用CustomPainter在Flutter中进行绘制，如下所示:

@override
void paint(Canvas canvas, Size size) {
  canvas.drawRect(...);
  canvas.drawImage(...);
  ...
}

如何在Icon上绘制canvas？

Answer 1

创建一个包含正确字体的代码点的Paragraph，根据需要设置样式，然后绘制。

final icon = Icons.add;
var builder = ui.ParagraphBuilder(ui.ParagraphStyle(
  fontFamily: icon.fontFamily,
))
  ..addText(String.fromCharCode(icon.codePoint));
var para = builder.build();
para.layout(const ui.ParagraphConstraints(width: 60));
canvas.drawParagraph(para, const Offset(20, 20));