two.js中的文本不会显示
two.js中的文本不会显示
提问于 2018-10-15 20:02:12
我有一个程序，显示了一个不断扩大的圆圈。最后，我希望它显示一个从名为list的数组中随机生成的项。
下面是具体的代码
var list = ["list","of","names"];
var person = ("")
person = list[Rnd(0,2)];
var text1 = new Two.Text(person ,250,250, 'normal');和
text1.value = person;
text1.fill = '#FFFFFF';
text1.stroke ='#FFFFFF';
text1.visible = true;编辑：
我特别想使用twos文本，而不是HTML
回答 3
Stack Overflow用户
回答已采纳
发布于 2019-01-03 03:30:03
我能够通过使用圆的半径作为添加文本的条件来获得效果。我把圆的半径设为100开始。
var circle = two.makeCircle(two.width / 2, two.height / 2, 100);
circle.fill = "orange";
var list = ["list","of","names"];
var person = list[Math.floor(Math.random() * list.length)];
var text1 = new Two.Text(person, two.width / 2, two.height / 2, 'normal');
text1.fill = '#FFFFFF';
text1.stroke ='#FFFFFF';绑定循环播放圆动画。一旦圆扩展到半径200，它就会停止动画，并将text1添加到两个画布中。
two.bind('update', function() {
if (circle.radius > 200) {
two.pause();
two.add(text1);
}
circle.radius++;
});Stack Overflow用户
发布于 2018-10-15 20:36:33
每当圆圈达到一定宽度时。
根据您的数组大小生成一个随机数，然后使用带有list[i]的getElementById设置元素的值(i=您的随机数)。
Stack Overflow用户
发布于 2021-07-30 06:13:18
对所有文本执行此操作：
two.scene.add(text);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52816344
复制相关文章
相似问题