创建增加变量的javascript按钮，以便用户可以有效地缩放页面

Create javascript buttons that increments a variable so user can effectively scale the page

本文关键字：用户 有效地 缩放 创建 变量 javascript 按钮 增加      更新时间：2023-09-26

我试图创建三个按钮，将缩放页面向上，向下或重置为默认值。我想基于javascript中声明的全局变量的增量:

var canvasWidth = 600;

期望的增量将以200为一组，这样当用户单击一次缩放时，该值为800并重新绘制页面，两次为1000，以此类推。

页面的所有视觉元素都是用javascript创建的，并根据这个变量确定大小。除了一些显示组织之外，在HTML页面上几乎没有完成视觉上的工作，所以如果可能的话，我希望能够主要在javascript文件中完成这项任务。

这有意义吗?

简单的答案是:

<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>

我不知道你是在尝试缩放画布元素还是它的内容

据我所知，

如果你能在客户端做所有的可视化，那是很大的好处用户会希望这样。如果您的页面不需要与数据库连接或进行服务器端计算，我鼓励使用JS中的所有内容。

干杯! !

相关文章：