1.1.4 • Published 4 years ago

color-data-picker v1.1.4

Weekly downloads
2
License
ISC
Repository
github
Last release
4 years ago

Abstract

A JavaScript Lib which can get color data of one picture in certain area.

todo

  • get certain rectangle area data of picture
  • supportES6syntax
  • add test case
  • supporttypescript
  • get any kind of area data

how to use

This is how we use this lib now.

const cdp = require('color-data-picker').getImageData;

cdp.getImageData(url, {
    success(data){
        //process(data);
    },
});

API

getImageData function need two key param:urlandconfig.

  • url: string;

  • config: Object;

This is typescript definition.

interface ConfigType{
    success: (data: number[]) => void;
    fail: (msg: string) => void;
    x?: number;
    y?: number;
    spanX?: numbr;
    spanY?: numbr;
    scale?: numbr | (realWidth?: number, realHeight?: number) => number;
}
namemeaningtypedefault
xx spot of beginningnumber0
yy spot of beginningnumber0
spanXhorizonal spannumberrealWidth scale or realWidth scale()
spanYvertiacl spannumberrealHeight scale or realHeight scale()
scalescale function hooknumber 或者 (realWidth: number) => number1
successsuccess callback(msg: string) => {}() => {}
failfail callback(msg: string) => {}() => {}

Certificate

ISC

概述

用来实现获取图片特定区域的颜色数据。

要做

  • 获取选择矩形区域的颜色值。
  • 支持ES6语法
  • 增加测试用例
  • 增加类型定义或者迁移TypeScript
  • 获取任意选择的不规则区域颜色值

使用

当前使用方法:

const cdp = require('color-data-picker').getImageData;

cdp.getImageData(url, {
    success(data){
        //process(data);
    },
});

API

getImageData 接受两个参数urlconfig

  • url: string;

  • config: Object;

interface ConfigType{
    success: (data: number[]) => void;
    fail: (msg: string) => void;
    x?: number;
    y?: number;
    spanX?: numbr;
    spanY?: numbr;
    scale?: numbr | (realWidth?: number, realHeight?: number) => number;
}
namemeaningtypedefault
x起始点横坐标number0
y起始点纵坐标number0
spanX横向跨度numberrealWidth scale 或者 realWidth scale()
spanY纵向跨度numberrealHeight scale 或者 realHeight scale()
scalescale设置钩子number 或者 (realWidth: number) => number1
success成功回调(msg: string) => {}() => {}
fail失败回调(msg: string) => {}() => {}

证书

ISC

1.1.4

4 years ago

1.1.3

4 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.0

4 years ago