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

|| 我试图创建三个按钮来按比例放大，缩小页面或将其重置为默认值。我想以javascript中声明的全局变量为基础进行递增：

var canvasWidth = 600;

所需的增量为200，因此当用户单击一次放大时，该值为800，页面被重新绘制，两次为1000，依此类推。页面的所有可视元素都是用javascript创建的，并根据此变量进行大小调整。除了一点点的显示组织，在视觉上对HTML页面所做的工作很少，因此，如果可能的话，我希望能够主要在javascript文件中完成此任务。这有意义吗？

已邀请:

2 个回复

埃庐

简单的答案是：

<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元素或其内容。

浩挎

我所知道的，如果您可以在客户端进行所有可视化，那将是巨大的好处，并且每个用户会想要这样。如果您的页面不需要连接数据库或进行服务器端计算，我鼓励使用JS中的所有内容。干杯！！

要回复问题请先登录或注册

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

2 个回复

发起人

scale

increment

javascript

button

问题状态

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

与内容相关的链接

2 个回复

发起人

scale

increment

javascript

button

问题状态