Html
    Css
    Js

    
                        
body,html {
	margin:0;
	padding:0;
	position:relative;
}
canvas {
	background-color:#0a0a0a;
}
button {
	position:fixed;
	background:#14b366;
	border:none;
	color:white;
	padding:7px 15px;
	top:10px;
	left:10px;
}
button#remove-last {
	left:120px;
	background:#692a69;
}
button#remove-last:hover {
	left:120px;
	background:#8a3f8a;
}
button#clear-all {
	left:315px;
	background:#e83333;
}
button#clear-all:hover {
	left:315px;
	background:#e65c5c;
}
button:hover {
	background:#34ba77;
}
button#color-toggle {
	bottom:10px;
	top:auto;
	background:#e6470e;
}
button#color-toggle:hover {
	background:#e66a40;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.0.0
 立即下载

物理画布磁场

0