1.1.0 • Published 11 months ago

l-image v1.1.0

Weekly downloads
-
License
ISC
Repository
-
Last release
11 months ago

项目说明(illustrate)


这是一个简单的图片工具集,内置了一些图片与颜色相关的方法

This is a simple picture toolset with some color-related methods for pictures built-in

引入

    import l-image from 'l-image'

    import {getMainColor} from 'l-image'

getImg 获取图片信息

/**
 * 获取图片信息
 * @param {*} url       String      图片地址
 * @returns             Image       {width,height,size(byte)...}
 */
import {getImg} from 'l-image'
getImg('http://xxxxx.jpg').then(res=>{
     // res = {width,height,size,...}
})  

pxColor 像素点循环方法

/**
 * 获取目标单个像素颜色
 * @param {*} url           String      图片地址
 * @param {
 *            width:        Number      缩放后宽度(数字越小速度越快,精准度越低)
 *            height:       Number      缩放后高度
 * }          option        
 * @param {*} pxEvent       Function    每个像素点回调
 * @param {*} endEvent      Function    完成后回调
 * @returns                 endEventReturn
 */
import {pxColor} from 'l-image'
pxColor('http://xxxx.jpg',{width: 50,height: 50}, res=>{
    //res = {x,y,r,g,b,i:像素下标}
},res=>{
    //res = {data: canvasImageData}
})

getMainColor 获取图片主体颜色

/**
 * 获取主体颜色
 * @param {*} url           String      图片地址
 * @param {
 *            width:        Number      缩放后宽度(数字越小速度越快,精准度越低)
 *            height:       Number      缩放后高度
 *            diff:         Number      差值(值越大,全局对比越大)
 * } 
 * @returns                 String      rgb(xxx,xxx,xxx)
 */
import {getMainColor} from 'l-image'
getMainColor('http://xxxx.jpg',{width: 50, height: 50, diff: 30}).then(res=>{
    // res = 'rgb(xxx,xxx,xxx)'
})

sizeImg 获取等比缩放后图片尺寸

/**
 * 缩放图片,减少计算量 
 * @param {
 *          width:          Number      图片原始宽度
 *          height:         Number      图片原始高度
 *          maxWidth:       Number      缩放后宽度   
 *          maxHeight       Number      缩放后高度
 * }
 * @returns 
 */
import {sizeImg} from 'l-image'
sizeImg({width: 1920,height: 1080, maxWidth: 500, maxHeight: 500}) // {width: 3413.333333333333, height: 500}
sizeImg({width: 200,height: 400, maxWidth: 500, maxHeight: 500}) // {width: 200, height: 400}

rgbToHexrgb颜色转换16进制颜色

/**
 * rgb转换16进制颜色
 * @param {*} rgb           String      rgb颜色
 * @returns                 String      16进制颜色
 */
import {rgbToHex} from 'l-image'
rgbToHex('rgb(14,25,118)') // #0e1976
1.1.0

11 months ago

1.0.0

1 year ago