废话后面说,先上HTML代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>画板</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<canvas id="canvas"></canvas>
<script src="main.js"></script>
</body>
</html>
这是一个只有一个canvas标签的HTML代码其中有几点需要注意:
1.注意将lang(第二行的)值为zh-CN
2.注意加上第二个meta标签,这个在写移动端的时候起作用
3.link标签引用css代码
4.js的代码要在HTML之后引用,在前面的话获取元素会报错
上css代码
* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
#canvas {
display: