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地址
下一篇: 对于WebP格式入门解读