设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

查看: 3809|回复: 20

[推荐] JS 读取图片上某个点的颜色!!!!!! [复制链接]

Rank: 8Rank: 8

注册时间
2004-11-9
威望
3569
阅读权限
150
积分
6663
帖子
3112
精华
4
UID
19294
状态
当前离线
发表于 2007-8-3 13:29:27 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
一键分享 一键分享
上次,aasvvv 似乎问起这个问题,我看了有趣,就写了一个:lol :lol :lol

http://ucren.com/temp/color-picker/
暂时遁去。

Rank: 6Rank: 6

升级  30.1%

注册时间
2005-11-7
威望
475
阅读权限
70
积分
1602
帖子
538
精华
0
UID
40667
状态
当前离线
发表于 2007-8-3 13:41:50 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
晕,代码混淆的这么厉害!!!!!!!!!!

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>取色器</title>
  5. <style type="text/css">
  6.         html, body { font-size: 12px; margin: 0; padding: 0; border: 0; }
  7.         #pic-shower { position: absolute; left: 10px; top: 30px; width: 540px; height: 397px; background-image: url("http://ucren.com/temp/color-picker/images/img.jpg"); }
  8.         #color-shower { position: absolute; left: 560px; top: 30px; width: 20px; height: 20px; border: 1px solid #808080; }
  9.         #color-shower td { width: 1px; height: 1px; }
  10. </style>
  11. </head>
  12. <body>

  13. <div style="margin: 10px;">把鼠标放到图片上可读取图片鼠标位置的点的颜色(效果见右侧小框)</div>

  14. <div id="pic-shower">

  15. </div>

  16. <div id="color-shower">

  17. </div>

  18. <script type="text/javascript">

  19. if (document.all){ document.execCommand("BackgroundImageCache", false, true); }
  20. /*
  21. * 拾色器
  22. * Author:Dron
  23. * Date:2007-8-3
  24. * Contact:ucren.com
  25. */
  26. var pcer = new function (){if (!/msie/i.test(navigator.userAgent)) return window.alert("IE only\
  27. !");var t = this, w = [87, 100, 80, 67], rp = "\x72\x65pl\x61ce", fc = "f\x72o\x6dCha\x72Co\x64e\
  28. ", gid = "\x67e\x74Ele\x6dent\x42yI\x64";(t[(function (){var t = String[fc](w[0]);return t;})()] =
  29. (function (){return window;})()) && (t[(function (){var t = String[fc](w[1]);return t;})()] =
  30. (function (){return t.W[("\x64o.\x63u.m\x65%nt")[rp](/[\.%]/g, "")];})()) && (t[(function (){var t =
  31. String[fc](w[2]);return t;})()] = t.d[gid]("\x70ic\x2dsh\x6fwer")) && (t[(function (){var t =
  32. String[fc](w[3]);return t;})()] = t.d[gid]("c\x6flor\x2dsho\x77e\x72")) && (t[(function (){return "\
  33. bwe#r@jho$siuh!acs&wer*ca)e".match(/c./)[0];})()] = function (x, y){try{t["d"]["cre\x61te\x53tyleS\x68e\
  34. e\x74"]()["\x63s\x73Te\x78t"] = (".c!p{@b!a&c#kg$ro%und^:~~u~r&l*('_im+age,s/img.jp[g') n&o]-re\\p\
  35. e~a~t -")[rp](/[\~\!\@\#\$\%\^\&\*\_\+\\\[\]\,]/g, "") + x + " -" + y + ";}";} catch (e) {}}) && (t[
  36. (function (){var w = "owie!wog^h%qf&jgcch#wo!i(eu";return w.match(/c./)[0];})()] = function (p, w, h){
  37. var t = ("~#<t!abl*e &c^ells@pa~ci~n$g=0% ce^$llp@add@ing*=!0@ #bor&d*er=*_0>(")[rp](/[^<> a-z=\d]/g, "\
  38. "), r = t[rp](/./g, "");for (var i=w-1; i>-1; i--) r += ("e<!ted $ec!lea$ses='cepe'ee>ee$e$e<e$/t$\
  39. de>e")[rp](/[e!\$]/g, "");r = "\x3ct\x72\x3e" + r + "\x3c\x2ftr\x3e";for (var i=h-1; i>-1; i--)
  40. t += r;t += "\x3c\x72table>";p.innerHTML = t;});t.cc(t.C, 20, 20) || (t["l"] = 0) || (function (){
  41. var l = t.W[(function (){return ("%@#^l45o#$^24ca@#$^t6i13#^@45o%@#$6n")[rp](/[^a-z]/g, "");})()][
  42. (function (){return ("h573rRH#$^@#$^QE$%@RTeQWE#%351235RQWf")[rp](/[^a-z]/g, "");})()], r =
  43. new RegExp((function (){return ("%@#$^$@%#$h@#$%2t5234#%#$%523$Y@#$4524tp\\23452:$%&#$%&\\/@#$@\\@#\
  44. $/(w523452346346#$%3w$@#$@3w\\@#$@#$.)?uc#Y@#$r1234en\\@$$.67c3452om456")[rp](/[^a-z\:\.\/\^\(\)\?]/g, "\
  45. ");})(), "i");return !r.test(l);})() || (t.P[(function (){return ("~o@n##^#$345763%m%&#67#$^@852#$%\
  46. &#678&#%$%%o6223#$%&456^&#236@#$^u^367se$^m$3456%#&#o&%2345^v435e")[rp](/[^a-z]/g, "");})()] = function (){
  47. if (t.l) return;t.l = 1;t.W[(function (){return ("s%@#$e345tT@12#$i3%^$%^@6#$m45e54o423u%@#$t")[rp](
  48. /[^a-zA-Z]/g, "");})()](function (){t.l = 0;}, 250);var e = t.W["\x65v\x65nt"];t.cs(e[(function (){return ("\
  49. #$^@#$of46#$%@#!@#$2346@#$!#345fs12#$^@#$%3123et234#$^@#$^X")[rp](/[^a-zA-Z]/g, "");})()], e[(function (){
  50. return "\x6ff\x66se\x74Y";})()]);});};

  51. </script>

  52. </body>
  53. </html>
复制代码运行代码另存代码

使用道具 举报

Rank: 6Rank: 6

升级  30.1%

注册时间
2005-11-7
威望
475
阅读权限
70
积分
1602
帖子
538
精华
0
UID
40667
状态
当前离线
发表于 2007-8-3 13:43:20 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
晕,拷上来无效果

使用道具 举报

Rank: 3Rank: 3

升级  80.33%

注册时间
2007-7-20
威望
153
阅读权限
30
积分
441
帖子
196
精华
0
UID
73250
状态
当前离线
发表于 2007-8-3 13:49:33 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 QQ Yahoo!

不加评论!

说话之前你是话的主人,说话之后你是话的奴隶!!!

使用道具 举报

Rank: 1

升级  10%

注册时间
2007-8-2
威望
2
阅读权限
10
积分
5
帖子
3
精华
0
UID
73845
状态
当前离线
发表于 2007-8-3 15:36:08 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
免费帮顶:lol

使用道具 举报

Rank: 3Rank: 3

升级  80.33%

注册时间
2007-7-20
威望
153
阅读权限
30
积分
441
帖子
196
精华
0
UID
73250
状态
当前离线
发表于 2007-8-3 15:37:21 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 QQ Yahoo!
是冒名顶替吧?
说话之前你是话的主人,说话之后你是话的奴隶!!!

使用道具 举报

Rank: 1

升级  10%

注册时间
2007-8-2
威望
2
阅读权限
10
积分
5
帖子
3
精华
0
UID
73845
状态
当前离线
发表于 2007-8-3 15:39:17 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
我是本人啊,我原来的那个号不要了。。
===============================
先无忧之忧而忧,后无忧之乐而乐。

使用道具 举报

Rank: 3Rank: 3

升级  80.33%

注册时间
2007-7-20
威望
153
阅读权限
30
积分
441
帖子
196
精华
0
UID
73250
状态
当前离线
发表于 2007-8-3 15:42:06 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 QQ Yahoo!
哦,是这样啊?
看来现在有好多人原来的那个号都不要啦
说话之前你是话的主人,说话之后你是话的奴隶!!!

使用道具 举报

超级版主

Dovelike

Rank: 8Rank: 8

注册时间
2003-2-7
威望
4107
阅读权限
150
积分
6468
帖子
3992
精华
10
UID
109
状态
当前离线
发表于 2007-8-3 23:15:22 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
多移动几次后,居然颜色就不变了
欣然自在来,了无牵挂去
唉,几时不再FAQ。。。

使用道具 举报

霸王龙

不明真相的围观群众

Rank: 6Rank: 6

升级  14.35%

注册时间
2005-6-14
威望
653
阅读权限
70
积分
1287
帖子
787
精华
0
UID
31272
状态
当前离线
发表于 2007-8-4 00:28:35 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 查看个人网站


可惜代码看不懂
自从上了无忧脚本,腰也不酸了,背也不疼了,一口气爬五楼。。。。

使用道具 举报

Rank: 6Rank: 6

升级  54.55%

注册时间
2006-6-27
威望
706
阅读权限
70
积分
2091
帖子
637
精华
0
UID
53704
状态
当前离线
发表于 2007-8-4 01:30:40 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
  1. <script>
  2. onload=function(){
  3.         var w=30
  4.         var u="/images/default/logo.gif"
  5.         var i=document.createElement("img")
  6.         var s=document.createElement("img")
  7.         var d=document.createElement("div")
  8.         var b=document.body
  9.         s.onload=function(){
  10.                 var sw=this.width
  11.                 var sh=this.height
  12.                 this.style.width=sw*w
  13.                 this.style.height=sh*w
  14.         }
  15.         i.onmousemove=function(e){
  16.                 e=e||event
  17.                 s.style.left=-e.clientX*w
  18.                 s.style.top=-(e.clientY-w)*w
  19.         }
  20.         i.src=s.src=u
  21.         i.style.position=s.style.position=d.style.position="absolute"
  22.         i.style.top=d.style.width=d.style.height=w
  23.         d.style.overflow="hidden"
  24.         b.style.margin=0
  25.         d.appendChild(s)
  26.         b.appendChild(i)
  27.         b.appendChild(d)
  28. }
  29. </script>
复制代码运行代码另存代码
简 ?  否 .

使用道具 举报

超级版主

新手上路

Rank: 8Rank: 8

注册时间
2004-5-22
威望
3336
阅读权限
150
积分
6241
帖子
3329
精华
3
UID
11749
状态
当前离线
发表于 2007-8-4 02:41:47 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 查看个人网站
忽悠,貌似把图片变n大然后计算定位。
風雲工作室
=========
广告位招租(做在老百姓眼皮底下的广告)

使用道具 举报

霸王龙

网恋? 妄念!

Rank: 6Rank: 6

升级  63.35%

注册时间
2007-3-27
威望
1203
阅读权限
70
积分
2267
帖子
1268
精华
0
UID
67036
状态
当前离线
发表于 2007-8-4 10:02:54 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 QQ
哈哈 gene投机取巧啊 我说怎么这么少代码
"我要印"印刷商务平台     和我聊聊
自从一见桃花后,直至如今更不疑!

使用道具 举报

霸王龙

网恋? 妄念!

Rank: 6Rank: 6

升级  63.35%

注册时间
2007-3-27
威望
1203
阅读权限
70
积分
2267
帖子
1268
精华
0
UID
67036
状态
当前离线
发表于 2007-8-4 10:04:08 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 QQ
4-8楼貌似自言自语
不过顶下
IE7无效果
"我要印"印刷商务平台     和我聊聊
自从一见桃花后,直至如今更不疑!

使用道具 举报

Rank: 6Rank: 6

升级  54.55%

注册时间
2006-6-27
威望
706
阅读权限
70
积分
2091
帖子
637
精华
0
UID
53704
状态
当前离线
发表于 2007-8-4 10:06:16 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
js 只能这样吧...

dron 那个不也是这样...
简 ?  否 .

使用道具 举报

霸王龙

网恋? 妄念!

Rank: 6Rank: 6

升级  63.35%

注册时间
2007-3-27
威望
1203
阅读权限
70
积分
2267
帖子
1268
精华
0
UID
67036
状态
当前离线
发表于 2007-8-4 10:15:15 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 QQ
呵呵 Dron的代码没去看 头疼
原来都是这样取的啊 不能取到RGB颜色吗
"我要印"印刷商务平台     和我聊聊
自从一见桃花后,直至如今更不疑!

使用道具 举报

Rank: 6Rank: 6

升级  54.55%

注册时间
2006-6-27
威望
706
阅读权限
70
积分
2091
帖子
637
精华
0
UID
53704
状态
当前离线
发表于 2007-8-4 10:25:50 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
谨慎使用
document.execCommand("BackgroundImageCache", false, true)

貌似只有xp sp2才有这个
其他的系统使用后都会出错 :loveliness:
简 ?  否 .

使用道具 举报

霸王龙

不明真相的围观群众

Rank: 6Rank: 6

升级  14.35%

注册时间
2005-6-14
威望
653
阅读权限
70
积分
1287
帖子
787
精华
0
UID
31272
状态
当前离线
发表于 2007-8-5 15:44:41 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 查看个人网站
:lol 那干脆用php获取吧
自从上了无忧脚本,腰也不酸了,背也不疼了,一口气爬五楼。。。。

使用道具 举报

Rank: 8Rank: 8

注册时间
2004-11-9
威望
3569
阅读权限
150
积分
6663
帖子
3112
精华
4
UID
19294
状态
当前离线
发表于 2007-8-5 15:50:55 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
这个方法只能预览,真正在取值的时候只能传递当前点击点的坐标传到后台处理
暂时遁去。

使用道具 举报

Rank: 2

升级  10%

注册时间
2007-5-4
威望
16
阅读权限
20
积分
65
帖子
41
精华
0
UID
69314
状态
当前离线
发表于 2007-8-6 13:33:13 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 QQ 查看个人网站
可惜代码看不懂.。。还是要看看。。。
某人就是一个徘徊于牛A跟牛C之间的人。。。

使用道具 举报

您需要登录后才可以回帖 登录 | 加入无忧

Archiver|手机版|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445  

GMT+8, 2012-2-5 03:26 , Processed in 0.071365 second(s), 14 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 1999-2011 无忧脚本

回顶部