#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
слово предполагает, что вы вызываете конструктор для создания объекта. Это может быть вашей проблемой.