在代码顶部加入 /** @type {HTMLCanvasElement} */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>只属于你的折线图!</title>
</head>
<body>
<canvas id="canvas" width="1000" height="650"></canvas>
<script>
/** @type {HTMLCanvasElement} */
var canvasDom = document.getElementById('canvas')
var ctx = canvasDom.getContext('2d') //获取canvas画布
if (!ctx) return
var startX = 100
var startY = 600
var data = [0, 100, 200, 300, 400, 500] //坐标轴坐标
var point = [[100, 200], [150, 230], [200, 190], [250, 240], [300, 300], [350, 270], [400, 500], [450, 400], [500, 100]]; //点坐标
(function create() {
ctx.beginPath();
ctx.moveTo()
})
</script>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210627172152725.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xRUzU4NTg=,size_16,color_FFFFFF,t_70)