廖杰:路牌更新
This commit is contained in:
@@ -1,26 +0,0 @@
|
|||||||
import * as THREE from "three";/**
|
|
||||||
* 返回一个带有文字的的#3D材质
|
|
||||||
* 把输入的文字转化为base64的img图片
|
|
||||||
* @param {String} text
|
|
||||||
* @param {String} param 传感器实时检测参数
|
|
||||||
*/
|
|
||||||
export default function (text = "", param = "", width = 250, height = 150) {
|
|
||||||
const canvas = document.createElement("canvas");
|
|
||||||
canvas.width = width;
|
|
||||||
canvas.height = height;
|
|
||||||
const ctx = canvas.getContext("2d");
|
|
||||||
ctx.fillStyle = "#003BA8";
|
|
||||||
ctx.fillRect(0, 0, width, height);
|
|
||||||
ctx.fillStyle = "white";
|
|
||||||
ctx.font = "15px serif";
|
|
||||||
ctx.fillText('隧道简称:' + text, (100 - text.length * 1) / 50, 40);
|
|
||||||
ctx.fillText('隧道长度:' + param + 'm', (100 - param.length * 1) / 50, 115);
|
|
||||||
ctx.strokeStyle = "white";
|
|
||||||
ctx.moveTo(0, 75);
|
|
||||||
ctx.lineTo(30000, 120);
|
|
||||||
ctx.stroke();
|
|
||||||
const base64 = canvas.toDataURL();
|
|
||||||
return new THREE.MeshBasicMaterial({
|
|
||||||
map: new THREE.TextureLoader().load(base64),
|
|
||||||
});
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user