类似ps的颜色拾取功能

1。效果显示


2.html代码：index.html






标题







U3000 U3000

三.插件代码：


（函数（$）{）
美元。FN。pickercolor =功能（可选）{
var
函数（）{ }
}，_this =这
扩展（选择，选择）；
_this.on（听到咔哒声，功能（e）{
无功canvasobj =；
（'body美元的追加（canvasobj））；
VaR CVS = document.getelementbyid（canvaspickercolor ），CTX = cvs.getcontext（二维的）
CVS。高度= 1；CVS。宽度= 1
VaR img =新的图像（）；
img src= _this.attr（'src）；
VaR OSX = e.offsetx，OSY = e.offsety
Ctx.drawImage（IMG，OSX，OSY，1,1,0,0,1,1）；
无功imgdata = ctx.getimagedata（0,0,1,1）；
console.log（imgdata）
如果（选择。CK）opt.ck（imgdata。数据{ 0 } +，+ imgdata。数据{ 1 } +，+ imgdata。数据{ 2 }）；
}）
}
}（jQuery）


3，插件调用


$（函数（）{（））
$（'源'）。PickerColor（{
函数（数据）{
console.log（数据）
$（'。颜色）。Css（背景，'rgba（+数据+ '，1））
}
}）
}）


以上是本文的全部内容，希望本文的内容能给大家的学习或工作带来一定的帮助，同时也希望能给予更多的支持！