应《网络安全法》要求，自2017年10月1日起，未进行实名认证将不得使用互联网跟帖服务。为保障您的帐号能够正常使用，请尽快对帐号进行手机号验证，感谢您的理解与支持！

24小时热门版块排行榜    

小木虫论坛-学术科研互动平台 » 计算模拟区 » 程序语言 » C/C++ » 软件实现——不同色彩输出不同数值
51/1返回列表
查看: 811  |  回复: 4
只看楼主 @他人 存档 新回复提醒 (忽略) 收藏    在APP中查看
当前只显示满足指定条件的回帖，点击这里查看本话题的所有回帖

liujingshou

金虫 (正式写手)

[求助] 软件实现——不同色彩输出不同数值 已有1人参与

求各位虫友，怎么实现图像中不同的色彩数据化输出，即不同色彩输出不同数值

发自小木虫Android客户端
回复此楼

» 收录本帖的淘帖专辑推荐

程序

» 猜你喜欢
1楼 2016-08-19 07:07:59
已阅   回复此楼   关注TA 给TA发消息 送TA红花 TA的回帖

FMStation

至尊木虫 (知名作家)

【答案】应助回帖

感谢参与，应助指数 +1
CODE:
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8" />
        <title>Colorpicker demo</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<canvas width="600" height="440" id="canvas_picker"></canvas>
<div id="hex">HEX: <input type="text"></input></div>
<div id="rgb">RGB: <input type="text"></input></div>
<script type="text/">
        var canvas = document.getElementById('canvas_picker').getContext('2d');

        // create an image object and get it’s source
        var img = new Image();
        img.src = 'image.jpg';

        // copy the image to the canvas
        $(img).load(function(){
          canvas.drawImage(img,0,0);
        });

        // http://www.er.net/faq/rgbtohex.htm
        function rgbToHex(R,G,B) {return toHex(R)+toHex(G)+toHex(B)}
        function toHex(n) {
          n = parseInt(n,10);
          if (isNaN(n)) return "00";
          n = Math.max(0,Math.min(n,255));
          return "0123456789ABCDEF".charAt((n-n%16)/16)  + "0123456789ABCDEF".charAt(n%16);
        }
        $('#canvas_picker').click(function(event){
          // getting user coordinates
          var x = event.pageX - this.offsetLeft;
          var y = event.pageY - this.offsetTop;
          // getting image data and RGB values
          var img_data = canvas.getImageData(x, y, 1, 1).data;
          var R = img_data[0];
          var G = img_data[1];
          var B = img_data[2];  var rgb = R + ',' + G + ',' + B;
          // convert RGB to HEX
          var hex = rgbToHex(R,G,B);
          // making the color the value of the input
          $('#rgb input').val(rgb);
          $('#hex input').val('#' + hex);
        });
</script>

</body>
</html>
赞一下(1人) 回复此楼

» 本帖已获得的红花（最新10朵）

liujingshou
3楼2016-08-19 19:25:36
已阅   回复此楼   关注TA 给TA发消息 送TA红花 TA的回帖
查看全部 5 个回答

ferryshaobo

新虫 (初入文坛)
很难实现吧，一般都采用现成插件。

发自小木虫Android客户端
赞一下 回复此楼
2楼2016-08-19 12:58:05
已阅   回复此楼   关注TA 给TA发消息 送TA红花 TA的回帖

liujingshou

金虫 (正式写手)
送红花一朵
引用回帖:
3楼: Originally posted by FMStation at 2016-08-19 19:25:36
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8" />
        <title>Colorpicker demo</title>
        <script src="http://ajax.goo ...

哥们，这是什么语言，直接复制运行就可以吗

发自小木虫Android客户端
赞一下 回复此楼
4楼2016-08-20 05:57:12
已阅   回复此楼   关注TA 给TA发消息 送TA红花 TA的回帖

lishouyin

铁杆木虫 (著名写手)
html

发自小木虫Android客户端
回复此楼
5楼2016-08-20 21:57:19
已阅   回复此楼   关注TA 给TA发消息 送TA红花 TA的回帖
查看全部 5 个回答
普通表情 龙 兔 虎 猫
最具人气热帖推荐 [查看全部] 作者 回/看 最后发表
[考研] 286分人工智能专业请求调剂愿意跨考！ +4 lemonzzn 2026-03-17 8/400 2026-03-21 22:49 by lemonzzn
[考研] 一志愿深大，0703化学，总分302，求调剂 +4 七月-七七 2026-03-21 4/200 2026-03-21 18:20 by 学员8dgXkO
[考研] 302求调剂 +12 呼呼呼。。。。 2026-03-17 12/600 2026-03-21 17:29 by ColorlessPI
[考研] 265求调剂 +12 梁梁校校 2026-03-19 14/700 2026-03-21 13:38 by lature00
[考研] 求调剂 +3 白QF 2026-03-21 3/150 2026-03-21 13:12 by zhukairuo
[考研] 一志愿山大07化学 332分 四六级已过 本科山东双非 求调剂！ +3 不想理你 2026-03-16 3/150 2026-03-21 03:59 by JourneyLucky
[考研] 一志愿 西北大学 ，070300化学学硕，总分287，双非一本，求调剂。 +3 晨昏线与星海 2026-03-18 3/150 2026-03-21 00:46 by JourneyLucky
[考研] 308求调剂 +3 阿姐阿姐家啊 2026-03-18 3/150 2026-03-20 23:24 by JourneyLucky
[考研] 304求调剂 +7 司空. 2026-03-18 7/350 2026-03-20 23:08 by JourneyLucky
[考研] 085600材料与化工 +8 安全上岸！ 2026-03-16 8/400 2026-03-20 22:13 by luoyongfeng
[考研] A区线材料学调剂 +5 周周无极 2026-03-20 5/250 2026-03-20 21:33 by laoshidan
[考研] 0817 化学工程 299分求调剂 有科研经历 有二区文章 +22 rare12345 2026-03-18 22/1100 2026-03-20 20:39 by zhukairuo
[考研] 298-一志愿中国农业大学-求调剂 +9 手机用户 2026-03-17 9/450 2026-03-20 14:24 by 无懈可击111
[考研] 0703化学调剂 +4 18889395102 2026-03-18 4/200 2026-03-19 16:13 by 30660438
[考研] 328求调剂，英语六级551，有科研经历 +4 生物工程调剂 2026-03-16 12/600 2026-03-19 11:10 by 生物工程调剂
[考研] 344求调剂 +6 knight344 2026-03-16 7/350 2026-03-18 20:13 by walc
[考研] 【同济软件】软件（085405）考研求调剂 +3 2026eternal 2026-03-18 3/150 2026-03-18 19:09 by 搏击518
[考研] 085601求调剂 +4 Du.11 2026-03-16 4/200 2026-03-17 17:08 by ruiyingmiao
[考研] 东南大学364求调剂 +5 JasonYuiui 2026-03-15 5/250 2026-03-16 21:28 by 木瓜膏
[考研] 中科院材料273求调剂 +4 yzydy 2026-03-15 4/200 2026-03-16 15:59 by Gaodh_82
信息提示
关闭
请填处理意见
关闭