24小时热门版块排行榜    

北京石油化工学院2026年研究生招生接收调剂公告
查看: 817  |  回复: 4
当前只显示满足指定条件的回帖,点击这里查看本话题的所有回帖

liujingshou

金虫 (正式写手)

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

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

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

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

程序

» 猜你喜欢

已阅   回复此楼   关注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的回帖
查看全部 5 个回答

ferryshaobo

新虫 (初入文坛)

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

发自小木虫Android客户端
2楼2016-08-19 12:58:05
已阅   回复此楼   关注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>

» 本帖已获得的红花(最新10朵)

3楼2016-08-19 19:25:36
已阅   回复此楼   关注TA 给TA发消息 送TA红花 TA的回帖

lishouyin

铁杆木虫 (著名写手)

5楼2016-08-20 21:57:19
已阅   回复此楼   关注TA 给TA发消息 送TA红花 TA的回帖
最具人气热帖推荐 [查看全部] 作者 回/看 最后发表
[考研] 复试调剂,一志愿南农083200食品科学与工程 +4 XQTJZ 2026-03-26 4/200 2026-03-27 01:23 by dgnhs
[考研] 求调剂推荐 材料 304 +4 荷包蛋hyj 2026-03-26 4/200 2026-03-27 00:39 by wxiongid
[考研] 342求调剂 +3 加油a李zs 2026-03-26 3/150 2026-03-27 00:29 by wxiongid
[考研] 311求调剂 +5 lin0039 2026-03-26 5/250 2026-03-26 22:43 by 学员8dgXkO
[考研] 333求调剂 +7 87639 2026-03-21 12/600 2026-03-26 22:08 by 不吃魚的貓
[考研] 化学工程085602 305分求调剂 +17 RichLi_ 2026-03-25 17/850 2026-03-26 19:44 by plmuchong
[考研] 274求调剂 +14 顾九笙要谦虚 2026-03-24 20/1000 2026-03-26 18:15 by 乐呵呵的追梦人
[考研] 086000生物与医药292求调剂 +6 小小陈小小 2026-03-22 9/450 2026-03-26 15:58 by dick_runner
[考研] 085600 材料与化工 329分求调剂 +9 Mr. Z 2026-03-25 9/450 2026-03-26 10:36 by baoball
[考研] 各位老师您好:本人初试372分 +5 jj涌77 2026-03-25 6/300 2026-03-25 14:15 by mapenggao
[考研] 085600材料与化工调剂 +9 A-哆啦Z梦 2026-03-23 15/750 2026-03-25 11:18 by Ainin_
[考研] 340求调剂 +5 话梅糖111 2026-03-24 5/250 2026-03-25 06:53 by ilovexiaobin
[考研] 307求调剂 +3 余意卿 2026-03-21 6/300 2026-03-24 15:03 by 余意卿
[考研] 求老师收我 +3 zzh16938784 2026-03-23 3/150 2026-03-23 12:56 by ztnimte
[考研] 生物学调剂 +5 Surekei 2026-03-21 5/250 2026-03-22 14:39 by tcx007
[考研] 一志愿北京化工大学070300 学硕336求调剂 +5 vv迷 2026-03-21 8/400 2026-03-22 14:20 by ColorlessPI
[考研] 考研调剂 +3 呼呼?~+123456 2026-03-21 3/150 2026-03-21 20:04 by 无际的草原
[考研] 0703化学297求调剂 +3 Daisy☆ 2026-03-20 3/150 2026-03-21 17:45 by ColorlessPI
[考研] 330求调剂0854 +3 assdll 2026-03-21 3/150 2026-03-21 13:01 by 搏击518
[考研] 353求调剂 +3 拉钩不许变 2026-03-20 3/150 2026-03-20 19:56 by JourneyLucky
信息提示
请填处理意见