gl-react-color-matrix's Introduction

= 2.1-05F561.svg)

Universal gl-react color-matrix effect

Props

children (required): the content to color-matrix.
matrix (required): an array of 16 numbers that represents a 4x4 color matrix (rgba x rgba).

Usage Examples

var ColorMatrix = require("gl-react-color-matrix").ColorMatrix;
// or
import {ColorMatrix} from "gl-react-color-matrix";

Identity

<ColorMatrix matrix={[
  1, 0, 0, 0,
  0, 1, 0, 0,
  0, 0, 1, 0,
  0, 0, 0, 1
]}>
  ...
</ColorMatrix>

Let only RED through

<ColorMatrix matrix={[
  1, 0, 0, 0,
  0, 0, 0, 0,
  0, 0, 0, 0,
  0, 0, 0, 1
]}>
  ...
</ColorMatrix>

Grayscale (approximative)

<ColorMatrix matrix={[
  .3, .3, .3, 0,
  .6, .6, .6, 0,
  .1, .1, .1, 0,
   0,  0,  0, 1
]}>
  ...
</ColorMatrix>

gl-react-color-matrix's People

Contributors

Stargazers

Watchers

gl-react-color-matrix's Issues

Convert single color to transparent

Hi!
As I understand, I can convert color on image to transparent using color-matrix.
Can you help me to convert one color on image (#f8f8f8) to transparent on png image?

Error on latest React Native versions [RN 0.50.3]

  "dependencies": {
                "gl-react": "v3",
                "gl-react-color-matrix": "^1.1.0",
                "gl-react-dom": "^2.2.9",
                "gl-react-native": "^2.47.0",
                "prop-types": "^15.6.0",
                "react": "16.0.0",
                "react-native": "^0.50.3",
                "react-native-webgl": "^0.7.0"
        },"

Here are my dependencies. I am aware Proptypes was moved to different package but editing line 3 import in colorMatrix.js to import PropTypes from 'prop-types' even did not fixed it. I hope i was trying to fix the right thing. Anyways here's the screenshot of error.