在按钮上点击HTML5画布形状变化？

Question

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

当我点击画布上的圆形按钮时，当我点击矩形按钮时显示动画圆圈，即时间圆圈在动画中的缓进/出风格中变为矩形。形状更改为其他形状，但以动画方式显示在画布上。

我读了很多文章看很多视频，但我找不到解决方案。 下面我显示一个图像。

如果任何人告诉我，给我一些建议，我去学习。 谢谢。

Answer 1

在JavaScript圈，矩形，正方形，彩虹中做出4种不同的功能。 在这种情况下做4个不同的类。 然后根据JavaScript函数中的形状设置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 
}