jquery怎么模仿ps颜色拾取功能

3.插件代码：

(function($){$.fn.pickerColor=function(option){varopt={ck:function(){}},_this=thisopt=$.extend(opt,option);_this.on('click',function(e){varcanvasObj='';$('body').append(canvasObj);varcvs=document.getElementById("canvasPickerColor"),ctx=cvs.getContext('2d')cvs.height=1;cvs.width=1varimg=newImage();img.src=_this.attr('src');varosX=e.offsetX,osY=e.offsetYctx.drawImage(img,osX,osY,1,1,0,0,1,1);varimgData=ctx.getImageData(0,0,1,1);console.log(imgData)if(opt.ck)opt.ck(imgData.data[0]+','+imgData.data[1]+','+imgData.data[2]);})}})(jQuery)

3，插件调用

$(function(){$('.source').pickerColor({ck:function(data){console.log(data)$('.color').css('background','rgba('+data+',1)')}})})

“jquery怎么模仿ps颜色拾取功能”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注恰卡编程网网站，小编将为大家输出更多高质量的实用文章！