为什么三个 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'

结果如下：

enter image description here

我提前感谢任何帮助！ 最好的问候！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）