js实现随机圆与矩形功能 js实现随机圆与矩形功能

本文实例为大家分享了js实现随机圆与矩形功能的具体代码，供大家参考，具体内容如下

1、节点操作版

DOM节点操作版本 - 锐客网 *{margin: 0; padding: 0; } html,body,.box{width: 100%; height: 100%; } #content{background: #f5f5f5; } .circle{border-radius: 50%; position: absolute; } .rect{position: absolute; } .btn{position: fixed; top: 0; left: 0; }

2、鼠标拖动版本（矩形版本类似）

鼠标拖动版本 - 锐客网 *{margin: 0; padding: 0; } html,body,.box{width: 100%; height: 100%; } #content{background: #f5f5f5; } .circle{border-radius: 50%; position: absolute; }

3、canvas版本