1.1.0 • Published 11 months ago
l-image v1.1.0
项目说明(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