版块导航: 正在加载中...

登录注册

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

24小时热门版块排行榜

返回列表

liujingshou

金虫 (正式写手)

应助: 3 (幼儿园)
金币: 1530.6
散金: 99
红花: 16
帖子: 466
在线: 81.1小时
虫号: 2901198
注册: 2013-12-29
专业: 石油、天然气地质学

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

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

发自小木虫Android客户端

回复此楼

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

程序

» 猜你喜欢

1楼 2016-08-19 07:07:59

已阅回复此楼关注TA 给TA发消息送TA红花 TA的回帖

ferryshaobo

新虫 (初入文坛)

应助: 0 (幼儿园)
金币: 23
红花: 1
帖子: 11
在线: 2.8小时
虫号: 3323489
注册: 2014-07-15
性别: GG
专业: 男性生殖内分泌异常及相关

很难实现吧，一般都采用现成插件。

发自小木虫Android客户端

赞一下

回复此楼

2楼2016-08-19 12:58:05

已阅回复此楼关注TA 给TA发消息送TA红花 TA的回帖

FMStation

至尊木虫 (知名作家)

应助: 591 (博士)
贵宾: 0.03
金币: 18701.7
红花: 97
帖子: 8891
在线: 1493.2小时
虫号: 2400059
注册: 2013-04-04
专业: 计算机应用技术

【答案】应助回帖

感谢参与，应助指数 +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的回帖

liujingshou

金虫 (正式写手)

应助: 3 (幼儿园)
金币: 1530.6
散金: 99
红花: 16
帖子: 466
在线: 81.1小时
虫号: 2901198
注册: 2013-12-29
专业: 石油、天然气地质学

送红花一朵

引用回帖:

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的回帖