欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

Cesium专栏-Billboard加载Gif图片-原始GIF图片

最编程 2024-02-25 21:42:20
...

代码量也比较少,直接分享

var div = document.createElement("div");
var img = document.createElement("img");
div.appendChild(img);
img.src = "cheering_minions.gif";

img.onload = () => {
  var rub = new SuperGif({
    gif: img
  });

  rub.load(() => {
    var entity = viewer.entities.add({
      position: Cesium.Cartesian3.fromDegrees(114, 30),
      billboard: {
        image: new Cesium.CallbackProperty(() => {
          return rub.get_canvas().toDataURL("image/png");
        }, false),
        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
        heightReference: Cesium.HeightReference.RELATIVE_TO_GROUND,
        scaleByDistance: new Cesium.NearFarScalar(500, 1.0, 2000, 0.1)
      }
    });

    viewer.trackedEntity = entity;
  });
}

libgif-js 具体的参数设置以及方法可以参考libgif-js的GitHub地址