2020-11-30：边框的渐变、Cesium中Color类、css3属性、video标签的全屏以及退出全屏js代码

1、边框的渐变

border-right:1px transparent solid;
border-image:linear-gradient(to bottom,#000718,$lightBlue,#000718) 1 10;

image.png

2、Cesium中Color类+Cesium颜色

该类用于创建Cesium中的颜色对象

该类的构造方法：

new Cesium.Color(red, green, blue, alpha)
该类中有很多的的静态属性，我们可以不用创建对象，直接就可以通过类进行使用，

例如

创建红色：Cesium.Color.RED,

如果我们想通过“red”来获取颜色，我们直接可以通过"Cesium.Color["red".toUpperCase()],必须先将"red"转为大写，我们就可以通过该类直接获取相应的颜色
例如：
Cesium.Color["RED"] 红色
Cesium.Color["GRAY"] 灰色
new Cesium.Color(0.165, 0.165, 0.165, 0.8)
Cesium.Color.WHITE
Cesium.Color.RED.withAlpha(0.5)
Cesium.Color.fromCssColorString("#001aff")
Cesium.Color.fromCssColorString("rgba(254, 129, 6, 0.75)")
　var color = Cesium.Color.fromRandom({
　　alpha: 0.5
});

3、css3属性

①
pointer-events: none；可以看见某个属性，但是无法作用上。
②
cursor:not-allowed;鼠标放入禁用的标志。但是跟上面的样式一起会无效。

4、video标签的全屏以及退出全屏js代码

//全屏
   var ele = document.getElementById(name)
      if (ele.requestFullscreen) {
        ele.requestFullscreen()
      } else if (ele.mozRequestFullScreen) {
        ele.mozRequestFullScreen()
      } else if (ele.webkitRequestFullScreen) {
        ele.webkitRequestFullScreen()
      }
//退出全屏
 var de = document;
    if (de.exitFullscreen) {
        de.exitFullscreen();
    } else if (de.mozCancelFullScreen) {
        de.mozCancelFullScreen();
    } else if (de.webkitCancelFullScreen) {
        de.webkitCancelFullScreen();
    }

替换链接：

 var player = this.$video('xxx')
 player.src(newUrl)