1.实现效果
2.上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>一个canvas实现的画板</title>
<style media="screen">
body {background:black; text-align:center}
#c1 {background:white; margin-top: 20px;}
#choseColor{color:#fff}
</style>
<script>
window.onload=function (){
let oC=document.getElementById('c1');
let gd=oC.getContext('2d'); //图形上下文——绘图接口
let oColor=document.getElementById('color1');