如何解决为什么三个 js 精灵上的新行字符 '\n' 不起作用?
我正在尝试在一个看起来像这样的精灵中编写文本:
姓名:blabla
温度:30ºC
频率:30 Hz
let message = cylinder.sensorData.sensorName + '\nTemperature: ' + cylinder.sensorData.motorTemperature + 'ºC\nfundamental Frequency: ' + cylinder.sensorData.fundamentalFrequency + ' Hz'
但是“\n”不起作用,有人知道该怎么做吗?下面是对应的代码片段:
const geometry = new THREE.CylinderBufferGeometry(radiusTop,radiusBottom,height,radialSegments);
const material = new THREE.MeshphongMaterial({
color: await colorInHSL(randomColor())
});
const cylinder = new THREE.Mesh(geometry,material);
camera.getWorldDirection(camPosition);
const quaternion = new THREE.Quaternion();
quaternion.setFromAxisAngle(camPosition.x,camPosition.y,camPosition.z,Math.PI / 2);
cylinder.translateOnAxis(cylinder.worldToLocal(camera.position),0.5);
cylinder.castShadow = true;
cylinder.receiveShadow = true;
cylinder.name = 'cylinder';
cylinder.canvas2d = document.createElement('canvas');
cylinder.texture = new THREE.Texture(cylinder.canvas2d)
cylinder.texture.needsUpdate = true;
cylinder.spriteMaterial = new THREE.SpriteMaterial({ map: cylinder.texture });
cylinder.context = cylinder.canvas2d.getContext('2d');
$.getJSON('https://mfm-develop.wnology.io/3js/simulated-data').then(function (result) {
Object.defineProperty(cylinder,'sensorData',{
value: result
})
let message = cylinder.sensorData.sensorName + '\nTemperature: ' + cylinder.sensorData.motorTemperature + 'ºC\nfundamental Frequency: ' + cylinder.sensorData.fundamentalFrequency + ' Hz'
结果如下:
我提前感谢任何帮助! 最好的问候!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。