当前位置:首页 > 日记 > 正文

类似ps的颜色拾取功能

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

相关文章

PS图象处理软件表面反射

PS图象处理软件表面反射

反射,图象,处理软件,表面,电脑软件,一幅完美的风景画与青山、绿树和小房子是分不开的。它是在蓝水更依赖。没有遗憾只看到绿色的山,但没有蓝色的水鞋,我们有PS大法创建做一个安静的湖,更美的照片。 最终效果图 方法一:十字交叉的一半做反射。…

PS图象处理软件教程:制作层叠照片拼

PS图象处理软件教程:制作层叠照片拼

图象处理,照片,软件教程,电脑软件,PS,我在惠普打印机广告中看到了这一技术,虽然乍一看它像一堆照片,但实际上它是一个布局,而且它的组织比我们想象的要好,这种方法使用一定数量的适当的照片,然后以特殊的方式排列它们。具体的实现步骤如下: 第一…

PS图象处理软件创造出梦幻般的优雅

PS图象处理软件创造出梦幻般的优雅

创造,手绘,图象,处理软件,梦幻般,最终效果 1,一个新的壁纸大小的文件,填充背景色:# 0a6d52。 2,使用加深工具加深四周,然后创建一个新层,并使用白色画笔随意绘制几个笔刷。执行:滤镜>模糊> Gauss blur,然后用涂抹工具涂抹图片效果。 3,创建一个新图…

PS使白色背景地图透明。

PS使白色背景地图透明。

透明,白色,背景,地图,电脑软件,在制作PPT的过程中,有时我们需要用透明的图片制作白色背景图片,为了保证PPT的出现,如何实现它,本文提出了一种利用PS(在线下载白色背景图片作为例子)的方法,一起学习。 步 1,打开PS软件,将源图片拖动到PS软件编辑框…

在Vue.js阵中的变化检测

在Vue.js阵中的变化检测

变化检测,阵中,电脑软件,Vue,js,前言 我最近的重组,公司现有业务代码与Vue.js的尝试,基于组件的设计思想和理念有MVVM使我着迷。但这是一个很大的坑,如数组后,结合本文介绍的更新测试。 相信大家都知道,观察员,观察员和VM是Vue公司的最重要的组…

ps制作逼真的画面反射效果

ps制作逼真的画面反射效果

反射,逼真,画面,效果,电脑软件,通常,在制作地图时,我经常用ps做倒影,使画面更真实。在这里我教你怎么做ps反射。没有朋友可以参考这篇文章,希望对大家有所帮助! ps如何做倒影 1,在这里做图形的倒影,首先使用PS魔棒工具进行人物简介的选择。(这一…

页面设置页面设置Word2003Word2003

页面设置页面设置Word2003Word2003

页面设置,教程,常见问题,电脑软件,Word,现在的Word版本越来越多,但非常到位或安装Word2003版本,对于一些没用的人,一个旧版本的格式,页面设置是一个比较大的问题,甚至可能不知道Word2003页面设置,下面是小编整理Word2003页面设置教程,为你的参考。…

2016顽强签名2016强签名经典签名

2016顽强签名2016强签名经典签名

顽强,经典,电脑软件,森林茂盛,青翠的草地,在雨中,在2016显示了其强大的生命力,许多新的和强大的相关签名,下面请欣赏小编为大家整理2016强签名。 2016不屈不挠的签名建议 1)队伍开了,关了,空间开了,关上了,问我在干什么,我不知道。 2)我最害怕的事情…

HowpptsetsthepageheaderPPTtosett

HowpptsetsthepageheaderPPTtosett

电脑软件,HowpptsetsthepageheaderPPTtosettheheaderofthepagePPT2010tutorial,当我们只做PPT演示时,我们通常会把标题添加到手稿中。我们需要设置一些页眉来添加页眉。我们如何设置它让我们告诉你如何设置PPT头。 设置页眉的方式: 打开ppt…

人工智能和PS创造渐变模式艺术的抽

人工智能和PS创造渐变模式艺术的抽

模式,渐变,创造,抽象,人工智能,根据这一步一步的指导,结合PS图象处理软件和插画技术来创建你自己的抽象艺术的梯度模式。 这些设计基本上都是放在一个动态模糊的背景下,这将导致一个很酷的抽象艺术,这是印刷非常适合,或作为背景来展示你的设计…

Word2003版本Word常见问题中设置字

Word2003版本Word常见问题中设置字

常见问题,字符,设置,操作方法,版本,字符是计算机的字形、字形或符号的基本信息,所以它可以是汉字、字母、数字或单独的符号,也需要格式化字符。字符的格式通常包括字符字体、字符大小、字符粗细、字符间距和各种形式的字符。今天,小编辑器教你…