在Flutter应用中是否有用于图像编辑器的API。我需要在图像中添加文字

【字号: 日期:2024-02-19浏览:49作者:雯心
如何解决在Flutter应用中是否有用于图像编辑器的API。我需要在图像中添加文字?

您应该使用 将其捕获为小部件并使用 覆盖小部件。

看一下这段代码,如何将小部件捕获为图像。

import ’dart:async’;import ’dart:convert’;import ’dart:typed_data’;import ’dart:ui’ as ui;import ’package:Flutter/material.dart’;import ’package:Flutter/rendering.dart’;void main() => runApp(new MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: ’Flutter Demo’, theme: new ThemeData(primarySwatch: Colors.blue, ), home: new MyHomePage(), ); }}class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => new _MyHomePageState();}class _MyHomePageState extends State<MyHomePage> { GlobalKey _globalKey = new GlobalKey(); bool inside = false; Uint8List imageInMemory; Future<Uint8List> _capturePng() async { try { print(’inside’); inside = true; RenderRepaintBoundary boundary = _globalKey.currentContext.findRenderObject(); ui.Image image = await boundary.toImage(pixelRatio: 3.0); ByteData byteData = await image.toByteData(format: ui.ImageByteFormat.png); Uint8List pngBytes = byteData.buffer.asUint8List();// String bs64 = base64Encode(pngBytes);// print(pngBytes);// print(bs64); print(’png done’); setState(() {imageInMemory = pngBytes;inside = false; }); return pngBytes; } catch (e) { print(e); } } @override Widget build(BuildContext context) { return RepaintBoundary( key: _globalKey, child: new Scaffold( appBar: new AppBar( title: new Text(’Widget To Image demo’), ), body: SingleChildScrollView( child: Center( child: new Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[ new Text( ’click the button below to capture image’, ), new RaisedButton( child: Text(’capture Image’), onpressed: _capturePng, ), inside ? CircularProgressIndicator() : imageInMemory != null ? Container( child: Image.memory(imageInMemory), margin: EdgeInsets.all(10)) : Container(),], ), ), )), ); }}解决方法

是否可以编辑要旋转的图像并在图像上添加文本。是否有任何插件?我需要图像编辑器来添加具有各种字体和颜色的文本。谢谢

相关文章: