@ernesto_tech/expo-gl-image-filters NPM | npm.io

0.7.1 • Published 1 year ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

1 year ago

OpenGL bindings for React Native to implement complex effects over images and components, in the descriptive VDOM paradigm. You can use predefined filters:

blur
contrast
saturation
brightness
hue
negative
sepia
sharpen
temperature
exposure.

npm.io

gl-react-native is an implementation of gl-react for react-native. Please read the main gl-react README and gl-react-native README for more information.

Table of Contents

API

`Props`

Props for ImageFilters Component

Name	Description	Type	Required	Default Value
children	Inner component or url for image	Any	+
width	Width of component	Number	+
height	Height of component	Number	+
hue	Hue filter	Number		0
blur	Blur filter	Number		0
sepia	Sepia filter	Number		0
sharpen	Sharpen filter	Number		0
negative	Negative filter	Number		0
contrast	Contrast filter	Number		1
saturation	Saturation filter	Number		1
brightness	Brightness filter	Number		1
temperature	Temperature filter	Number		6500
exposure	Exposure filter	Number		0
🆕 colorOverlay	Color Overlay with the length of 4 (RGBA format). Values must be a real value between 0 and 255.	Array		0.0, 0.0, 0.0, 0.0

`Constants`

`DefaultValues`

Can be used to set filter to default one manually.

expo image filters

acorn acorn-jsx add-line-numbers ajv ansi-colors ansi-regex ansi-styles anymatch argparse arr-diff arr-flatten arr-union array-find-index array-includes array-uniq array-unique array.prototype.flat array.prototype.flatmap asn1 assert-plus assign-symbols async-each asynckit atob atob-lite aws-sign2 aws4 babel-code-frame babel-core babel-generator babel-helper-bindify-decorators babel-helper-builder-binary-assignment-operator-visitor babel-helper-builder-react-jsx babel-helper-call-delegate babel-helper-define-map babel-helper-evaluate-path babel-helper-explode-assignable-expression babel-helper-explode-class babel-helper-flip-expressions babel-helper-function-name babel-helper-get-function-arity babel-helper-hoist-variables babel-helper-is-nodes-equiv babel-helper-is-void-0 babel-helper-mark-eval-scopes babel-helper-optimise-call-expression babel-helper-regex babel-helper-remap-async-to-generator babel-helper-remove-or-void babel-helper-replace-supers babel-helper-to-multiple-sequence-expressions babel-helpers babel-messages babel-plugin-check-es2015-constants babel-plugin-minify-builtins babel-plugin-minify-constant-folding babel-plugin-minify-dead-code-elimination babel-plugin-minify-flip-comparisons babel-plugin-minify-guarded-expressions babel-plugin-minify-infinity babel-plugin-minify-mangle-names babel-plugin-minify-numeric-literals babel-plugin-minify-replace babel-plugin-minify-simplify babel-plugin-minify-type-constructors babel-plugin-syntax-async-functions babel-plugin-syntax-async-generators babel-plugin-syntax-class-constructor-call babel-plugin-syntax-class-properties babel-plugin-syntax-decorators babel-plugin-syntax-dynamic-import babel-plugin-syntax-exponentiation-operator babel-plugin-syntax-export-extensions babel-plugin-syntax-flow babel-plugin-syntax-jsx babel-plugin-syntax-object-rest-spread babel-plugin-syntax-trailing-function-commas babel-plugin-transform-async-generator-functions babel-plugin-transform-async-to-generator babel-plugin-transform-class-constructor-call babel-plugin-transform-class-properties babel-plugin-transform-decorators babel-plugin-transform-es2015-arrow-functions babel-plugin-transform-es2015-block-scoped-functions babel-plugin-transform-es2015-block-scoping babel-plugin-transform-es2015-classes babel-plugin-transform-es2015-computed-properties babel-plugin-transform-es2015-destructuring babel-plugin-transform-es2015-for-of babel-plugin-transform-es2015-function-name babel-plugin-transform-es2015-literals babel-plugin-transform-es2015-modules-commonjs babel-plugin-transform-es2015-object-super babel-plugin-transform-es2015-parameters babel-plugin-transform-es2015-shorthand-properties babel-plugin-transform-es2015-spread babel-plugin-transform-es2015-sticky-regex babel-plugin-transform-es2015-template-literals babel-plugin-transform-es2015-typeof-symbol babel-plugin-transform-es2015-unicode-regex babel-plugin-transform-exponentiation-operator babel-plugin-transform-export-extensions babel-plugin-transform-flow-strip-types babel-plugin-transform-inline-consecutive-adds babel-plugin-transform-member-expression-literals babel-plugin-transform-merge-sibling-variables babel-plugin-transform-minify-booleans babel-plugin-transform-object-rest-spread babel-plugin-transform-property-literals babel-plugin-transform-react-display-name babel-plugin-transform-react-jsx babel-plugin-transform-react-jsx-source babel-plugin-transform-regenerator babel-plugin-transform-regexp-constructors babel-plugin-transform-remove-console babel-plugin-transform-remove-debugger babel-plugin-transform-remove-undefined babel-plugin-transform-simplify-comparison-operators babel-plugin-transform-strict-mode babel-plugin-transform-undefined-to-void babel-polyfill babel-preset-stage-2 babel-preset-stage-3 babel-register babel-runtime babel-template babel-traverse babel-types babylon balanced-match base base64-js bcrypt-pbkdf bin-version bin-version-check binary-extensions bit-twiddle brace-expansion braces buffer cache-base call-bind callsites camelcase camelcase-keys caseless chalk chokidar class-utils collection-visit color-convert color-name combined-stream commander component-emitter concat-map contains-path convert-source-map copy-descriptor core-js core-util-is cross-spawn currently-unhandled cwise-compiler dashdash debug decamelize decode-uri-component deep-is define-properties define-property delayed-stream detect-indent doctrine dup ecc-jsbn emoji-regex enquirer error-ex es-abstract es-to-primitive escape-string-regexp eslint-import-resolver-node eslint-module-utils eslint-scope eslint-utils eslint-visitor-keys espree esprima esquery esrecurse estraverse esutils expand-brackets expand-range extend extend-shallow extglob extsprintf fast-deep-equal fast-json-stable-stringify fast-levenshtein file-entry-cache filename-regex fill-range find-up find-versions flat-cache flatted for-in for-own forever-agent form-data fragment-cache fs-readdir-recursive fs.realpath function-bind functional-red-black-tree get-intrinsic get-stdin get-value getpass gl-constants gl-format-compiler-error gl-react gl-react-dom gl-shader glob glob-base glob-parent globals glsl-shader-name glsl-tokenizer graceful-fs har-schema har-validator has has-ansi has-flag has-symbols has-value has-values home-or-tmp hosted-git-info http-signature ieee754 ignore import-fresh imurmurhash indent-string inflight inherits internal-slot invariant iota-array is-accessor-descriptor is-arrayish is-binary-path is-buffer is-callable is-core-module is-data-descriptor is-date-object is-descriptor is-dotfile is-equal-shallow is-extendable is-extglob is-finite is-glob is-negative-zero is-number is-plain-object is-posix-bracket is-primitive is-regex is-string is-symbol is-typedarray is-utf8 is-windows isarray isexe isobject isstream js-tokens js-yaml jsbn jsesc json-schema json-schema-traverse json-stable-stringify-without-jsonify json-stringify-safe json5 jsprim jsx-ast-utils kind-of levn load-json-file locate-path lodash log-symbols loose-envify loud-rejection map-cache map-obj map-visit math-random meow micromatch mime-db mime-types minimatch minimist mixin-deep mkdirp ms nanomatch natural-compare ndarray ndarray-ops normalize-package-data normalize-path oauth-sign object-assign object-copy object-inspect object-keys object-visit object.assign object.entries object.fromentries object.omit object.pick object.values once optionator os-homedir os-tmpdir output-file-sync p-limit p-locate p-try pad-left parent-module parse-glob pascalcase path-exists path-is-absolute path-key path-parse path-type performance-now picocolors pinkie pinkie-promise pkg-dir posix-character-classes prelude-ls preserve private process-nextick-args progress prop-types psl punycode qs raf randomatic react react-is read-pkg read-pkg-up readdirp redent regenerate regenerator-runtime regenerator-transform regex-cache regex-not regexp.prototype.flags regexpp regexpu-core regjsgen regjsparser remove-trailing-separator repeat-element repeat-string repeating request require-from-string resolve resolve-from resolve-url ret rimraf safe-buffer safe-regex safer-buffer semver semver-regex semver-truncate set-value shebang-command shebang-regex side-channel signal-exit slash snapdragon snapdragon-node snapdragon-util source-map source-map-resolve source-map-support source-map-url spdx-correct spdx-exceptions spdx-expression-parse spdx-license-ids split-string sprintf-js sshpk static-extend string-width string.prototype.matchall string.prototype.trimend string.prototype.trimstart strip-ansi strip-bom strip-indent strip-json-comments supports-color table text-table through2 to-fast-properties to-object-path to-regex tough-cookie trim-newlines trim-right tsconfig-paths tunnel-agent tweetnacl type-check typedarray-pool union-value uniq unset-value uri-js urix use user-home util-deprecate uuid v8-compile-cache v8flags validate-npm-package-license verror weakmap-shim webgltexture-loader webgltexture-loader-dom webgltexture-loader-dom-canvas webgltexture-loader-dom-image-url webgltexture-loader-dom-video webgltexture-loader-ndarray which word-wrap wrappy xtend

1 year ago

1 year ago

1 year ago