Member 13113452 Ответов: 1

Как мне взять вывод textbox для манипулирования JS?


Итак, в разделе "Что вы пробовали?" это код, который у меня сейчас есть. Мне было интересно, может ли кто-нибудь помочь мне сделать так, чтобы появилось текстовое поле, и когда вы вставляете processing.js код он выводит чертеж. Если это имеет смысл.

В основном,

заполнение (255, 255, 0);
эллипс(200, 200, 200, 200);
noFill();
ход (0, 0, 0);
ударный вес (2);
дуга(200, 200, 150, 100, 0, ПИ);
заполнение (0, 0, 0);
эллипс (250, 200, 10, 10);
эллипс(153, 200, 10, 10);

это будет функция, которая принимает выходные данные textbox и запускает выходные данные этого текстового поля.

Таким образом, откроется текстовое поле, и вы сможете ввести его...

эллипс(200, 200, 200, 200);

и на Щелчке появится круг. Пожалуйста, кто-нибудь напишите это или помогите, это было бы здорово. ИДК, если вам нужно, такие как jQuery, но это может сломать



Что я уже пробовал:

<!DOCTYPE html>



< canvas id= "mycanvas">





var sketchProc = функция (processingInstance) {
с помощью (processingInstance) {
размер (400, 400);
частота кадров (30);

// Это то, что я хочу иметь возможность изменить с помощью текстового поля

заполнение (255, 255, 0);
эллипс(200, 200, 200, 200);
noFill();
ход (0, 0, 0);
ударный вес (2);
дуга(200, 200, 150, 100, 0, ПИ);
заполнение (0, 0, 0);
эллипс (250, 200, 10, 10);
эллипс(153, 200, 10, 10);

// Конец того, что я хочу изменить с помощью текстового поля

}};

var canvas = document. getElementById ("mycanvas");
конструктор.
var processingInstance = новая обработка (canvas, sketchProc);

SrikantSahu

Можете ли вы вставить полный html-код?

1 Ответов

Рейтинг:
1

Nick_3141592654

Ваш вопрос не очень ясен. Похоже, вы хотите создать веб-страницу, содержащую текстовое поле и холст. Вы хотите, чтобы пользователь мог ввести в текстовое поле текст, который является кодом javascript, и выполнить этот код JS. Также бывает так, что интересующий вас JS будет рисовать на холсте.

Предполагая, что моя интерпретация верна, вы можете достичь этого с помощью стандартной функции JS оценка. Например:

var command = " fill(255, 255, 0); \
эллипс(200, 200, 200, 200); \
noFill (); stroke(0, 0, 0); \
ударный вес (2); \
дуга(200, 200, 150, 100, 0, ПИ); \
заполнение (0, 0, 0); \
эллипс (250, 200, 10, 10); \
эллипс(153, 200, 10, 10);";

eval (команда);

должно быть достигнуто примерно то, что вы хотите, но, конечно, вам нужно будет получить строку "command" из вашего текстового поля и передать ее команде eval, а также настроить холст.