如何在 Flutter 中创建过滤后的图像

2024-07-03

我正在尝试创建一个图像过滤器,我想知道的是,是否可以将颜色过滤器应用于图像,然后保存应用了颜色过滤器的图像?如果是的话怎么办。现在我已经能够使用以下代码将滤色器应用于图像。但我们想要的是保存该图像并使其与滤色器一起显示。

Container(
  child: Stack(
    children: <Widget>[
      ColorFiltered(
        colorFilter: ColorFilter.mode(Colors.black87, BlendMode.color),
          child: Image(
            image: FileImage(
              this.images[index]
             ),
          ),
        ),
      )
    ]
  )
);

我们需要的是某种像这样的函数,它将原始图像转换为应用了滤色器的图像。

void transformImage(String path) {
   // do something here ...
}

使用Image https://pub.dev/packages/image小部件,您可以进行各种操作。

    import 'dart:io';
    import 'package:image/image.dart';
    void main() {
      // Create an image
      Image image = Image(320, 240); // You can also load an image here
      
      // Fill it with a solid color (blue) OR add color filter
      fill(image, getColor(0, 0, 255));
      
      // Draw some text using 24pt arial font
      drawString(image, arial_24, 0, 0, 'Hello World');
      
      // Draw a line
      drawLine(image, 0, 0, 320, 240, getColor(255, 0, 0), thickness: 3);
      
      // Blur the image
      gaussianBlur(image, 10);
      
      // Save the image to disk as a PNG
      File('test.png').writeAsBytesSync(encodePng(image));
    }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Flutter 中创建过滤后的图像 的相关文章

  • Android 4.0 与 Canvas.clipPath 的兼容性问题

    最近 我的应用程序收到了很多评论 说 它在带有 CM9 的 Android Ice Cream Sandwich 上不起作用 我无法在运行 Android 4 0 的模拟器上重现该错误 并且由于 Android 市场的工作方式 我无法联系那
  • Firebase 持久性如何存储我的 Android 应用的本地数据

    我正在制作一个类似于 WhatsApp 的 Android 应用程序 在该应用程序中 用户可以发送文本和图像 为了保存消息以便可以离线查看 我使用了 FirebaseDatabase getInstance setPersistenceEn
  • Android CardView 不适用于 Api 21

    我正在使用安卓CardView它在 Api 21 下完美运行 但是当我在 Api 21 即 Lollipop 上使用它时 XML 属性如下cardElevation cornerRadius不起作用 我究竟做错了什么 这是我的 XML 布局
  • 如何在Android 10及更高版本中通过intent MediaStore.ACTION_IMAGE_CAPTURE获取图像URI

    对于版主 我知道已经存在这样的问题 但所有这些方法最终都会通过提供位图data getExtra data 这实际上只是thumbnail 我想要获取 URI 而不是位图 并且我需要获取实际图像的 URI 而不是其缩略图 方法可在2021
  • Android Studio 设计预览是像素化的

    我的 android studio 设计预览很模糊 文本以及小部件 我尝试通过执行以下操作来修复它 Android Studio 属性 gt 兼容性 gt 更改高 DPI 设置 gt 覆盖高 DPI 我关闭了 android studio
  • 禁用 ListView 上的波纹

    在 Android 5 0 中 我的 ListView 在单击列表项时会产生连锁反应 有没有办法禁用这个效果 查看文档 我没有看到任何方法 https developer android com reference android widg
  • 在 Flutter 的登录屏幕中显示循环进度对话框,如何在 Flutter 中实现进度对话框?

    我有一个登录表单 其中有两个文本字段 用户名 密码 和一个按钮 登录 点击登录按钮后 我将调用 API 我想展示一个CircularProgressIndicator在此 api 调用期间 进度对话框应显示在登录表单的中心和顶部 我努力了F
  • 如何确定Android设备的安全补丁级别?

    如何使用 API 或其他机制确定 Android 设备的安全补丁级别 我正在寻找相同的安全补丁信息 可以通过单击手动找到Settings gt About设备上的菜单 例如 谷歌每月都会发布安全补丁2016 12 01 https sour
  • matlab的imregionalmax()和scipy.ndimage.filters.maximum_filter有什么区别

    我需要找到图像的区域最大值以获得用于分水岭分割的前景标记 我在 matlab 中看到使用该函数imregionalmax http www mathworks com help images ref imregionalmax html 由
  • RecyclerView 仅显示 Firebase 中的一项

    我知道关于这个问题的疑问很少 但他们都没有解决我的问题 特别是我的代码是用 Kotlin 编写的 并且是新的Fragments 不要急于说我的问题是重复的 我的问题正是标题所说的 我的RecyclerView仅填充了来自的一项 子项 Fir
  • 为 Flutter Web 应用程序添加 id 或 name 属性或其他标识方式?

    在编写 Flutter Web 应用程序时 我尝试利用基于 Selenium 的 Web UI Testing 框架 遗憾的是 我无法通过 id 或 name 属性识别代表某个 flutter 小部件的 HTML 元素 HTML 文档中不存
  • HTC Desire 上的 EGLConfig,可用配置挂起设备

    我正在实施我自己的EGLConfigChooser传递给setEGLConfigChooser 为了根据我对应用程序的需求为当前设备选择最佳的可用配置 更具体地说 我正在查询所有可用的配置并选择具有最大深度缓冲区大小的配置 在具有相同深度缓
  • 带有索引堆栈的 Flutter BottomNavigator

    有关使用索引堆栈在选项卡之间导航以显示相关页面的问题 我这样做是为了保持页面的滚动 状态 这很好用 我可以通过单击选项卡来更改显示的当前页面 并且还可以在每个页面内导航 每个页面都包含有它自己的导航器 这是渲染页面的代码 Widget bu
  • StatefullWidget 和 StatelessWidget 在性能方面有什么区别?

    如果我们只使用 StatefullWidget 而不是 StatelessWidget 是否会对性能产生影响 反之亦然 在我看来 我们只需使用StatefullWidget对于诸如更新部分 UI 之类的事情setState 有办法在中设置一
  • 从散点评估/拟合椭圆

    这是交易 我有多个点 X Y 形成 椭圆形 形状 我想评估 拟合可能的 最佳 椭圆并获取其属性 a b F1 F2 或者只是椭圆的中心 任何想法 线索将不胜感激 Gilad Matlab有一个函数拟合椭圆 http www mathwork
  • 从用户操作中禁用整个活动

    有没有一种简单的方法来禁用用户与活动交互 当有一个操作正在运行时执行 并且标题栏中有一个旋转的进度条 编辑 看来我还不够清楚 我的意思是 虽然我已经有一个旋转的进度条 但用户仍然可以按活动上的任何按钮 我想禁止用户在任务正在运行 然而 我不
  • 以编程方式将项目添加到相对布局

    我一直在到处寻找这个问题的答案 我是 Android 新手 尝试通过 java 而不是 xml 以编程方式将项目添加到相对布局 我创建了一个测试类来尝试一下 但项目不断堆叠而不是正确格式化 我现在只想将一个 TextView 放在另一个下面
  • 具有 EditText 材质设计的工具栏

    我正在尝试制作带有 EditText 的工具栏 如下所示 现在我可以做一些类似的事情 但只能使用静态标题 有什么想法可以开始吗 我已经这样做了 如下所示 有Toolbar as AppBar aka ActionBar 位于顶部 其下方的第
  • 使用lib添加自定义字体android

    我正在使用 android 自定义字体 lib Calligraphyhttps github com chrisjenx Calligraphy https github com chrisjenx Calligraphy 但对textv
  • React-native 应用程序在真实的 Android 设备上崩溃

    我正在使用react native 目前开始使用redux并创建了一个应用程序 但是当我在模拟器上运行该应用程序时 它工作正常 然后我通过 USB 将我的手机与 android 6 连接 它也可以工作 但在 Android 8 的其他设备中

随机推荐

  • 调用存储过程、传递 NULL 值、处理布尔值

    调用存储过程时 我将值连接在一起 我的问题是如何调用存储过程但在其中一个参数中发送 NULL 值 假设 AID null 但如果我将其传递给我的查询 我会收到错误 QueryConn Execute Search Res Count Acc
  • 虚拟继承:为什么当只有一个基类具有“virtual”关键字时它会起作用?有没有更好的办法?

    我想用 C 实现类层次结构 我需要接口 以便我可以提供多种实现 我需要所有类中的通用方法 但我需要能够覆盖特定的方法 构造函数都至少接受一个参数 简化我有这个代码 include
  • 使用maven为eclipse设置项目

    我正在尝试开始使用 Eclipse 修改现有应用程序 实际上我之前就可以使用它 但是我删除了该项目 现在使用 mvn eclipse eclipse 我得到以下内容 INFO Resource directory s path matche
  • 如何访问 Pandas 系列中的字符串长度

    如何在 Pandas 系列中使用字符串长度 例如 len 函数 进行访问 如何访问 eee 3个字符 排除索引访问 test pd Series aaaa bbbb cccc dddd eee gt 4 eee 你想要什么还不清楚 要获取每
  • Adobe DTM 在 eVar 和 sProp 中设置查询字符串

    所以通常我会使用 s getQueryParam 解析出我一直在使用的查询字符串的 URL s eVar8 s getQueryParam cid pid eid s prop28 s getQueryParam 角色 但既然 DTM 已将
  • Android OpenGL .OBJ 文件加载器 [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 人们似乎已经开发了很多在 Android 平台上使用的 OBJ 网格文件加载器 我想知道是否有人对这些有任何经验 并且可以提供最适合他们的
  • 实体框架-乐观并发问题

    我有一个每 10 秒运行一次的 Windows 服务 每次运行时 它都会获取一些测试数据 对其进行修改并使用 EntityFramework 将其保存到数据库中 但是 在每次运行时 当我尝试保留更改时 我都会收到以下乐观并发异常 存储更新
  • 编写 PowerShell cmdlet 时 WriteObject(x, true) 和多个 writeobject 有什么区别?

    我想编写一个 cmdlet 从数据库读取多条记录并将它们放入管道中 我想我可以做一个WriteObject Enumerable
  • 从外部脚本的 setup.py 导入变量

    我有一个像这样的 setup py 文件 不在 pwd 中 不在 Python 路径中 在某个地方的随机文件 import ext modules config name mesos executor version 1 4 1 descr
  • 如何使用/包含 QtNetwork 模块

    我正在尝试用 C 开发一个简单的应用程序 通过 LAN 在两台计算机之间发送文件 经过一番研究 我发现 QtNetwork 模块是正确的选择 我确实在我的解决方案中包含了 QTcpServer 和 QTcpSocket include
  • 文档.setAttribute

    这可以用来改变CSS吗 在 w3 上看不到太多关于它的信息 任何人都知道任何有关它的事情 如果此论坛 网站不是询问浏览器标准问题的地方 有人可以为我指出正确的方向吗 Thanks Mark 是的 您可以使用 setAttribute 更改单
  • SQL Server:连接表时删除重复列

    我有 4 个表 其中一列在所有表中都很常见 有没有一种方法可以创建一个视图 在该视图中我可以通过同一列连接所有表 而我只看到一次公共列 假设我有 table1 Cust ID Order ID Product Name Table2 Cus
  • Android:提供程序测试用例 2 和 getFilesDir()

    我的应用程序的一部分涉及将 png 文件保存到我的本地文件目录 然后通过内容提供商共享 我通过写入文件getContext openFileOutput 然而 在我的内容提供商中 ParcelFileDescriptor只会打开实际的 Fi
  • Capybara-webkit 尝试打开 example.com

    我将 capybara capybara webkit capybara screenshot 与 Cucumber 一起使用 Ruby 1 9 3 Rails 3 1 3 和Capybara javascript driver webki
  • 用于执行的队列多线程方法

    所有 我有一个名为的通用方法TaskSpin 在这个方法中我启动了一个Task与相关的continutation public TaskSpin Func asyncMethod object methodParameters asyncT
  • Golang:嵌套 JSON Unmarshaler 遇到问题

    给出以下代码 package main import encoding json log type Somefin string func s Somefin UnmarshalJSON b byte error log Println U
  • jquery 前后滑动或者圆形滑动

    请我需要帮助使用 jquery 来回滑动图像 或者只是来回滑动 现在它滑到最后一个元素并冲回第一个 div 并重新开始 一点也不漂亮 我知道我应该回调一个函数来做到这一点 但我不断出错 预先感谢 这是我下面的 jquery 代码 docum
  • TableView 上的一行上下文菜单?

    我正在使用 JavaFX 我的应用程序有一个表 我可以向表中添加元素 但我想创建一个上下文菜单 当我右键单击该行时 该菜单会显示在该行上 我拥有的 在场景生成器中 我有一个在激活上下文菜单时运行的方法 但这并不是我想要的 这真的很好 因为我
  • 如何跨项目重用核心 VBA 函数 (UDF),但不在单元格插入函数中显示它们

    我有一个带有 核心 功能和子功能的插件 我想在不同的插件或 VBA 项目中引用和使用它们 因为代码复用和单一更新原则 例如 一个函数 根据条件过滤集合成员并返回子集合 代码本身不是这里的问题 Public Function listName
  • 如何在 Flutter 中创建过滤后的图像

    我正在尝试创建一个图像过滤器 我想知道的是 是否可以将颜色过滤器应用于图像 然后保存应用了颜色过滤器的图像 如果是的话怎么办 现在我已经能够使用以下代码将滤色器应用于图像 但我们想要的是保存该图像并使其与滤色器一起显示 Container