Cesium中级开发教程之四十一：红黄蓝渐变线

一、原理

渐变线的本质是沿线段方向进行颜色插值，创建顶点着色器，传递线段的位置或长度信息到片元着色器，创建片元着色器，根据位置或长度计算颜色，实现红→黄→蓝的渐变。

二、效果图

三、代码

  function createGradientCanvas() {
      const canvas = document.createElement("canvas");
      canvas.width = 256;
      canvas.height = 1;
      const ctx = canvas.getContext("2d");
      const gradient = ctx.createLinearGradient(0, 0, canvas.width, 0);
      gradient.addColorStop(0.0, "red");
      gradient.addColorStop(0.33, "yellow");
      gradient.addColorStop(0.66, "blue");
      gradient.addColorStop(1.0,