在 HTML5 画布中单击按钮时形状会发生变化吗？答案

【问题标题】：In HTML5 canvas shape change on button click?在 HTML5 画布中单击按钮时形状会发生变化吗？
【发布时间】：2018-01-27 21:51:13
【问题描述】：

我只是想知道是否有任何网站提供有关画布的简要信息。我正在做我的项目。其中一张画布和 4 个按钮。这些是四个按钮：圆形、矩形、方形和动画彩虹。

当我单击画布中的圆形按钮时，当我单击矩形按钮时，会显示动画圆形，该时间圆形在动画中以缓入/缓出样式变为矩形。形状在画布上变为另一种形状，但以动画样式显示。

我阅读了很多文章，观看了很多视频，但我找不到解决方案。下面我展示一张图片。

如果有人告诉我并给我一些建议我去哪里学习。谢谢。

【问题讨论】：

标签： javascript css canvas html5-canvas css-animations

【解决方案1】：

用 JavaScript 制作圆形、矩形、方形、彩虹 4 个不同的函数。并制作4个不同的类以防万一。然后在 JavaScript 函数中根据 shape 设置 convas 类的值。就像您单击圆形按钮一样。首先设置 HTML 代码。

<button id = "circle" onclick ="circle"></button>

当用户点击这个按钮时，它会调用循环函数，在 JavaScript 中编写类似循环函数的代码。

function circle(){
    canvas = document.getElementById("canvas");
    canvas.class = "circle";
    //This is class name which you have to make in case
}

【讨论】：