给要素渲染不同的显示色彩

Posted gis-yangol

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了给要素渲染不同的显示色彩相关的知识,希望对你有一定的参考价值。

在城市规划中,用色彩强调感兴趣的房屋十分重要。

技术图片

var map = new WebMap({

  portalItem:{id:"03a9607d96244883af64c7f8c7e5de1b"}

});

var view = new SceneView({

  container:"viewDiv",

  map:map

});

var layer = new SceneLayer({

  portalItem:{id:"5ecba5273b2d41ff9f6f1eb33f238d18"}

});

map.add(layer);

==============================================

function setSymbol(){

  return {

    type:"unique-value",

    field:"usage",

    defaultSymbol:{

      type:"mesh-3d",

      symbol:{

        type:"fill",

        material:{

          color:[230, 230, 230, 0.7],

          colorMixMode:"replace"

        }

      }

    },

    uniqueValueInfos:[{

      value:"general or commerial",

      label:"commerial building",

      symbol:{

        type:"mesh-3d",

        symbolLayers:[{

          type:"fill",

          material:{

            color:color,

            colorMixMode:colorMixMode

          }

        }]

      }

    }]

  }

}

function setRenderer(type){

  if(type === "origin"){

    layer.renderer = null;

  }

  else if (type === "select"){

    layer.renderer = setSymbol(null,null);

  }

  else if(type === "emphasize"){

    layer.renderer = setSymbol("skyblue","tint");

  }

  else{

    var colorMixMode = (type === "desaturate")?"tint":"replace";

    layer.renderer = {

      type:"simple",

      symbol:{

        type:"mesh-3d",

        symbolLayers:{

          type:"fill",

          material:{color:"white",colorMixMode:colorMixMode}

        }

      }

    }

  }

}

document.getElementById("colorMixMode").addEventListener("change",function(event){

   setRenderer(event.target.id);

});

以上是关于给要素渲染不同的显示色彩的主要内容,如果未能解决你的问题,请参考以下文章

色彩空间中的HSL、HSV、HSB有啥区别?

为啥sketchup vray 渲染出来的是黑白的,没有色彩呢?

图像色彩空间转换

数字媒体概论——2D图像图形

数字媒体概论——2D图像图形

1 色相饱和度明度定义