Текст в two.js не будет отображаться - PullRequest
Новая
       22

Текст в two.js не будет отображаться

0 голосов
/ 15 октября 2018

У меня есть программа, которая показывает расширяющийся круг.В конце я хочу, чтобы он отображал случайно сгенерированный элемент из массива с именем 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;

РЕДАКТИРОВАТЬ:

я специально хочу использовать два текста, а не HTML

Ответы [ 2 ]

0 голосов
/ 02 января 2019

Мне удалось получить эффект, используя радиус круга в качестве условия для добавления текста.Для начала я установил радиус круга 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, он останавливает анимацию и добавляет текст1 на два холста. 

two.bind('update', function() {
  if (circle.radius > 200) {
    two.pause();
    two.add(text1);
  }
  circle.radius++;
});
0 голосов
/ 15 октября 2018

Всякий раз, когда круг достигает определенной ширины.

генерирует случайное число в соответствии с размером вашего массива, затем задайте значение вашего элемента, используя getElementById с вашим list[i] (i = ваше случайное число).

...