Visual Studio Code 增强 Canvas 代码提示

Ulyso

Visual Studio Code 是目前最常用的编辑器，常规使用 JavaScript 编写 Canvas，缺少对应的代码提示。

实际上，Visual Studio Code 对 Typescript 的代码提示支持很好。如果不想使用 Typescript, 可以使用下面的办法

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4        <meta charset="UTF-8" />
5        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
7        <title>Document</title>
8    </head>
9
10    <body>
11        <canvas id="myCanvas"></canvas>
12        <script>
13            // 增加下面的注释
14            /**
15             * @type
16             * HTMLCanvasElement
17             */
18            // 增加上面的注释
19            var c = document.getElementById('myCanvas')
20            var ctx = c.getContext('2d')
21            ctx.fillStyle = '#ff0000'
22            ctx.fillRect(0, 0, 150, 75)
23        </script>
24    </body>
25</html>
26