javascript实现点击产生随机图形

本文实例为大家分享了javascript实现点击产生随机图形的具体代码，供大家参考，具体内容如下点击产生随机图形效果如下：用javascript来实现主要用canvas和随机函数完成各种图形在HTML和CSS中创建出现图形的矩形和两个按钮。设置图形的随机颜色设置点击按钮随机产生图形的函数，第一种实心和空心矩形，第二种实心和空心圆，第三种直线，它们的位置和大小分别写随机函数，再分别加上canvas代码，用来画图形，如context.beginPath()-context closePath()。最后创建点击清除屏幕的按钮函数,根据创建的屏幕大小，在canvas中添加 context.clearRect;可实现清除屏幕。