- холст с именем «Количество строк»;
- ползунок (минимум 1, максимум 360, шаг 1);
Существует четыре поля ввода, представляющие значения для ползунок:
Значение от (по умолчанию), Значение до (по умолчанию), Приращение (по умолчанию) и Скорость (мс).
Эти поля используются для запуска двух процессов:
- Анимация, которая автоматически отображает последовательные изображения на холсте,
от «Значения от» до «Значения до» со значением «Приращение» от одного изображения к другому,
в скорость, указанную параметром Скорость, или - Сохранение последующих изображений с теми же параметрами.
Если нажать «Запустить сохранение изображений», произойдет следующее:
Откроются два окна:

Один спрашивает: «Этот файл просит вас загрузить несколько файлов, разрешить блокировку». Это окно может не открыться в зависимости от ваших настроек (см. «Вы можете изменить права доступа к сайту в любое время»).
Другое окно:

спрашивает, где и под каким именем необходимо сохранить изображение. Главный вопрос, который я задаю: можно ли обойти это окно и сохранить изображение с предложенным именем? Это потому, что я хочу избежать необходимости нажимать «Сохранить» 50 раз, если последовательность изображений равна 50. Вот код:
11 Circles input[type=range] { width:510px; } body { background-color: #9a9a9a; } .title_div { float: left; width: 200px; color: white; margin-bottom: 5px; margin-left: 20px; background-color: red; padding-bottom: 5px; } .top_div { float: left; background-color: rgb(255, 255, 255); width: 503px; height: 500px; margin-left: 20px; margin-bottom: 50px; }
Minimal # of Lines Value From (default) Value To (default) Increment (default) () () () Speed (ms):
Stop Animation var TAU = 2*Math.PI; var DEGTORAD = TAU / 360.0; var num_of_lines = 1; var caller_first_name = "number_of_lines_"; function update() { // console.log("In update..."); var preview_canvas = document.getElementById('preview_canvas'); var ctx_preview = preview_canvas.getContext('2d'); var width_preview = parseFloat(preview_canvas.width); var height_preview = parseFloat(preview_canvas.height); var X_center_preview = width_preview / 2; var Y_center_preview = height_preview / 2; // CLEAR THE CANVAS preview_canvas.width = preview_canvas.width; ctx_preview.lineWidth = 1; document.getElementById("number_of_lines_value").innerHTML = document.getElementById("number_of_lines_id").value; number_of_lines = parseFloat(document.getElementById('number_of_lines_id').value); for (angle = 0; angle
Подробнее здесь: https://stackoverflow.com/questions/798 ... every-time
Мобильная версия