Cesium 使用Canvas 为billboard构造图片

目录

一、需求来源

二、实现方法

三、效果

---

一、需求来源

1. 提升网页渲染性能，在使用cesium加载label实体的时候会自动将文字渲染成图片，这一过程中效率较慢，如果需要绘制大量label，利用canvas建议自己构造图片，然后利用billboard进行加载。

2. 目标需要使用特殊字体进行绘制，利用canvas构造文字。

 

二、实现方法

js代码：

// 创建二维画布
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
// 设置文字样式
ctx.font = 'bold 36px lion';
ctx.textAlign = 'center';
ctx.textBaseline = 'bottom';
ctx.fillStyle = '#FFF';
// 绘制文字，fillText(文字内容，x偏移，y偏移，文字最大长度[数字])
// 左上角为0，0
ctx.fillText("中国智造", 150,