Нарисуйте фигуру при изменении ввода

Question

У меня учится взрывной электрон / node.js.Я пытаюсь использовать paper.js, чтобы «закодировать» строку в изображение, вроде ...

Я использую файл «aperscript », например:

<script type="text/paperscript" src="mainCanvas.js" canvas="mainCanvas">

В основномЯ смотрю на то, как я могу подключить события, скажем, от ввода к бумажному контексту.

То, что я хотел бы, или когда целевые входные данные меняются ($("#input").on("change"...)) на что-то (что-то не так)проблема здесь), чтобы это произошло.

Я связал событие прямо в файле формата paperScript:

$("#mainInput").on("change", function() {
    path.moveTo(50, 25);
})

Но это не сработало.Читая документацию, кажется, что контекст должен иметь доступ к любым глобальным объектам.

Может ли кто-нибудь указать мне правильное направление?

Answer 1

Я не знаю точно, где ваша проблема, но вот рабочий пример , демонстрирующий, как это можно сделать.

// draw square
var square = new Path.RegularPolygon({
    center     : view.center,
    radius     : 50,
    sides      : 4,
    fillColor  : 'orange',
    applyMatrix: false
});

// on input change
$('#input').change(function ()
{
    // rotate it accordingly to input value
    square.rotation = this.value;
});