Flutter Package used to 'edit' basics aspects [Brightness, Contrast, Saturation, etc...] from a widget or image.

Last update: Oct 23, 2022

Overview

on_image_matrix

on_image_matrix is a Flutter Package used to 'edit' basics aspects [Brightness, Contrast, Saturation, etc...] from a widget or image. Using OnImageFilters you can get some default filters.

Help:

Any problem? Issues
Any suggestion? Pull request

Translations:

NOTE: Feel free to help with readme translations

How to Install:

Add the following code to your pubspec.yaml:

dependencies:
  on_image_matrix: ^1.0.0

TODO:

Fix bugs.
Add more [Features]

How to use:

OnImageMatrixWidget() // The main widget to start using the package.

All types of parameters on this plugin:

Parameters	Arguments	Description
`blur`	`double?`	`Used to define the postion of effect based effectType.`
`blurMode`	`TileMode?`	`Used to define the postion of effect based effectType.`
`colorFilter`	`ColorFilter?`	`Used to define the postion of effect based effectType.`

To be able to save this widget as a image, use the builder.

OnImageMatrixWidget.builder() // The main widget to start using the package

All types of parameters on this plugin:

Parameters	Arguments	Description
`blur`	`double?`	`Used to apply a blur effect on the widget/image.`
`blurMode`	`TileMode?`	`Used to define the blur mode.`
`colorFilter`	`ColorFilter?`	`Used to define/apply the effect or filter.`
`controller`	`Widget`	`Used to save, delete or get the widget bytes as image`
`imageKey`	`Widget`	`Used to find the widget and convert into image`
`imageFormat`	`double?`	`Used to define format of widget when converting to a image .`

Example:

OnImageMatrixWidget

OnImageMatrixWidget.builder(
  controller: _controller,
  imageKey: GlobalKey(),
  blur: 2.0,
  blurMode: TileMode.decal,
  // You can use some default filters
  colorFilter: OnImageFilters.gray,
  // Modifiy using your style
  // colorFilter: OnImageMatrix.matrix(
  //   brightnessAndContrast: 0.0,
  //   exposure: 0.0,
  //   saturation: 1.0,
  //   visibility: 1.0,
  // ),
  // Or create your own filter using color matrix.
  // OnImageMatrix.custom([
  //  1, 0, 0, 0, 0,
  //  0, 1, 0, 0, 0,
  //  0, 0, 1, 0, 0,
  //  0, 0, 0, 1, 0,
  // ])
  imageFormat: ImageByteFormat.rawRgba,
  child: Image.network(
  'https://source.unsplash.com/j0QOYiYwIYE/1600x900',
  ),
),

After modifiy you widget/image use the [OnImageController] to save it.

  OnImageController _imageController = OnImageController();

  Uint8List? saveImage() {
    _imageController.save();
    return _imageController.imageBytes;
  }

Color Matrix

Try yourself:

See more:

LICENSE:

LICENSE

Back to top

Releases(1.0.0+1)

1.0.0+1(Jan 24, 2022)
Features

on_image_matrix

Added a DART ANALYZER to PULL_REQUEST and PUSH.

Changes

[Updated] all Github links.

Source code(tar.gz)
Source code(zip)
1.0.0(Oct 11, 2021)
Release

[on_image_matrix] release.

Source code(tar.gz)
Source code(zip)

Album Image is based in photo_manager package and has the same concept as image_picker but with a more attractive interface to choose an image or video from the device gallery, whether it is Android or iOS

Album Image is based in photo_manager package and has the same concept as image_picker but with a more attractive interface to choose an image or vide

Oct 13, 2022

Today I have finished my new project called Namoz vaqtlari reminder. This app gets namoz times from islomapi.uz Api then shows on the home page. Hive used for saving data locally and Awesome Notification used for local scheduled notifications. Additional Light/Dark themes, changable font size are available.

namoz_vaqtlari A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

Sep 28, 2022