Блог

Главная - Вопросы по программированию - Создайте кнопки javascript, увеличивающие переменную, чтобы пользователь мог эффективно масштабировать страницу

Создайте кнопки javascript, увеличивающие переменную, чтобы пользователь мог эффективно масштабировать страницу

#javascript #button #scale #increment

#javascript #кнопка #масштабировать #увеличьте

Вопрос:

Я пытаюсь создать три кнопки, которые будут масштабировать страницу вверх, вниз или сбрасывать значение по умолчанию. Я хотел бы основывать это увеличение на глобальной переменной, объявленной в javascript:

 var canvasWidth = 600;

Желаемое увеличение должно быть в наборах по 200, так что, когда пользователь нажимает увеличить один раз, значение равно 800, и страница перерисовывается дважды до 1000 и так далее.

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

Имеет ли это смысл?

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

1. В качестве стратегии, конечно, в зависимости от приложения.

Ответ №1:

Тривиальный ответ:

 <button onclick="canvasWidth=(canvasWidth||0)   200; resize();"...>Increase scale</button>
<button onclick="canvasWidth=(canvasWidth||0) - 200; resize();"...>Decrease scale</button>
<button onclick="canvasWidth=600; resize();"...>Reset scale</button>

Я не знаю, пытаетесь ли вы масштабировать элемент canvas или его содержимое.

Ответ №2:

Насколько я знаю,

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

Ура!!