Two.js Ошибка функции makeLine(): this.scene не определена

#javascript #two.js

#javascript #two.js

Вопрос:

Я пытаюсь использовать two.js нарисовать линию на экране с помощью функции makeLine().
Но он просто выдает сообщение об ошибке TypeError: this.scene is undefined .

Кто-нибудь может помочь мне исправить эту проблему? Заранее спасибо.


Код:
index.html

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>connectDots</title>
    <script src="../two.min.js"></script>
</head>
<body>
    <div id="drawings"></div>
    <script src="script.js"></script>
</body>
</html>
  

script.js

 var drawingLocation = document.querySelector("#drawings");
var two = new Two({fullscreen: true}).appendTo(drawingLocation);

var line = new two.makeLine(two.width / 2 - 100, two.height / 2, two.width / 2   100, two.height / 2);
line.linewidth = 10;
two.update();
  

Комментарии:

1. Вы добавили новое ключевое слово в строку 4 script.js , это вызовет проблему. Вы вызываете метод, а не создаете объект.

Ответ №1:

Удалить new ключевое слово из этой строки:

 var line = two.makeLine(two.width / 2 - 100, two.height / 2, two.width / 2   100, two.height / 2);
  

Здесь вы пытаетесь вызвать метод makeLine для two объекта. Ключевое new слово предполагает, что вы вызываете конструктор для создания объекта. Это может быть вашей проблемой.