https://github.com/joshdsommer/nativescript-image-colors

NativeScript plugin to extract colors from images
https://github.com/joshdsommer/nativescript-image-colors

material-design nativescript nativescript-plugin npm-package typescript

Last synced: about 13 hours ago
JSON representation

NativeScript plugin to extract colors from images

• Host: GitHub
• URL: https://github.com/joshdsommer/nativescript-image-colors
• Owner: JoshDSommer
• License: other
• Created: 2016-09-13T03:06:37.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-11-25T17:58:32.000Z (about 5 years ago)
• Last Synced: 2024-12-26T06:42:02.454Z (12 days ago)
• Topics: material-design, nativescript, nativescript-plugin, npm-package, typescript
• Language: TypeScript
• Homepage:
• Size: 3.21 MB
• Stars: 7
• Watchers: 1
• Forks: 3
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
### NativeScript Image Colors

[![npm](https://img.shields.io/npm/v/nativescript-image-colors.svg)](https://www.npmjs.com/package/nativescript-image-colors)

[![npm](https://img.shields.io/npm/dt/nativescript-image-colors.svg?label=npm%20downloads)](https://www.npmjs.com/package/nativescript-image-colors)

![NativeScript image colors](https://raw.githubusercontent.com/TheOriginalJosh/nativescript-image-colors/master/screenshot.png)

## Example

```typescript

import { ImageColors  } from 'nativescript-image-colors';

let image = page.getViewById(`image`);

colors = ImageColors.getColorPalette(image);

colors.color1;

colors.color2;

colors.color3;

```

## Usage

returns a `ColorPalette` that has 3 color properties `color1`, `color2`, and `color3`. the Color Palette also contains a `AndroidPalette` and `IosPalette` object properties. The `AndroidPalette` has properties that correspond with https://developer.android.com/reference/android/support/v7/graphics/Palette.html. The `IosPalette` object corresponds with the `SLColorArt` object from the https://cocoapods.org/?q=ColorArt object. `ColorPalette` is a composite of these two so you don't have to do null and platform checks. please note the colors will not be consistent between platforms since the algorithms used are different.

### Libraries used:

Android: https://developer.android.com/reference/android/support/v7/graphics/Palette.html

iOS: https://github.com/panicinc/ColorArt