Flutter：如何在画布上绘制图标？ [英] Flutter: How to paint an Icon on Canvas?

问题描述

我正在使用 CustomPainter 这样绘制Flutter：

I'm using a CustomPainter to draw in Flutter like this:

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

如何绘制图标在画布上？

推荐答案

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

Create a Paragraph containing the code point in the correct font, style it as needed, then draw it.

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));

这篇关于Flutter：如何在画布上绘制图标？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！