zoukankan      html  css  js  c++  java
  • Matlab图形调色

    Matlab图形调色

     

    all colormap output

    Simple example

    var colormap require('colormap')
    options {
      colormap'jet',   // pick a builtin colormap or add your own 
      nshades72,       // how many divisions 
      format'hex',     // "hex" or "rgb" or "rgbaString" 
      alpha1           // set an alpha value or a linear alpha mapping [start, end] 
    }
    cg colormap(options)

    where leaving options = {} or undefined results in the defaults given above. There is a minimum number of nshadesdivisions you can select since the algorithms for each colormap have different requirements. colormap throws an error if there are too few divisions for the chosen colormap and gives the minimum number required. You should be safe with n > 10 for all the colormaps, though some require much less (much simpler to implemenent).

    Options

    The colormap can be any of the supported builtin colormaps. Or you can add your own. For an example of how to add your own see the json format available at:

    colorscales require('colormap/colorScales')

    Colorscales are a sequence of objects containing an index and rgb key. The index defines how fast or slow the rgb values will change from one segment to the next. Ie.the steepness of the gradient between two segments. The rgb parameter can hold a length 3 or 4 array, depending if alpha values are included in the mapping.

    Return values

    An array of hex values ('hex') or an array of length 4 arrays containing rgba values ('rgb') or an rgba css string ('rgbaString').

    Complete Example

    This example will produce the colormap image used at top of this README. It uses all built in color maps and utilizes alpha channel mapping.

    var cmap require('./..'),
        canvas document.getElementById('canvas'),
        img document.getElementById('background'),
        c canvas.getContext('2d'),
        n 48,
        colormaps [
            'jet''hsv','hot','cool','spring','summer','autumn','winter','bone',
            'copper','greys','YIGnBu','greens','YIOrRd','bluered','RdBu','picnic',
            'rainbow','portland','blackbody','earth','electric'
        ];
     
    img.onload = run;
     
    function drawColorMaps (colormapnameheight{
        /*
         * Build up the color ranges and add text
         */
        for (var j 0; j < n; j++{
            c.fillStyle = colormap[j];      // start ind at index 0 
            c.fillRect(j*10, height1040);
     
        }
        c.fillStyle '#262626';
        c.font '16px Helvetica';
        c.fillText( name, n*10 10, height 26);
    }
     
    function run({
        var height, colormap;
        c.canvas.height colormaps.length 40 img.height;
        c.canvas.width 648;
     
        for (var i 0; i colormaps.length; i++{
            height = i*40;
            colormap cmap({
                colormap: colormaps[i],
                nshades: n,
                format'rgbaString'
            });
            drawColorMaps(colormap, colormaps[i], height);
        }
     
        /*
         * Now lets try some alpha maps overtop an image!
         */
        var ilast = i;
        c.drawImage(img0, i*40480240);
     
        // remove background img 
        img.parentElement.removeChild(img);
     
        for (var i 0; i colormaps.length; i++{
            height (ilast + i)*40;
            colormap cmap({
                colormap: colormaps[i],
                nshades: n,
                format'rgbaString',
                alpha[01]
            });
            drawColorMaps(colormap, colormaps[i' with transparency', height);
        }
    }

    Then just browserify it and throw it in some html and it will output the image above!

  • 相关阅读:
    成功的软件开发过程 迭代,进化和敏捷
    将动态aspx页面转换成为静态html页面的几种方法
    大社区型网站的架构总结之如何标示用户在使用哪个功能程序篇(草稿)
    如果你觉得能做项目经理,就不要屈就自己去做普通程序员
    软件测试人的职业发展
    软件测试工程师,应该掌握的技能
    内存分配的字节对齐
    约瑟夫问题循环链表
    Linux字符设备驱动结构
    抵制日货(中国人一年购买日本货的钱,足够维持小鬼子2年半的军费)
  • 原文地址:https://www.cnblogs.com/tsingke/p/6554309.html
Copyright © 2011-2022 走看看