类似ps的颜色拾取功能
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))
}
})
})
以上是本文的全部内容,希望本文的内容能给大家的学习或工作带来一定的帮助,同时也希望能给予更多的支持!