Visual代码中的HTML5画布智能感知

Question

是否有一种为HTML5画布元素获取智能感知的方法？在VS代码0.7.10中，当我在JS代码中编写以下代码时：

context = document.getElementById(canvasId).getContext('2d');

然后当我写

context. 

对于我的上下文，我没有任何智能感知帮助。

谢谢。

Answer 1

这是目前不支持的VS代码，这是很难修复。由于JavaScript缺少类型注释，VS代码试图尽可能好地流类型。在您的示例中，document.getElementById中断了这个流，因为它可以从规范中返回任何html元素(而且我们对html结构或canvasId的值没有进一步的了解)。

像这样的东西，会更有利于VS代码：

var canvas = document.createElement('canvas'); canvas.|

另外，您可以考虑使用TypeScript，因为在那里使用类型注释和类型转换。

Answer 2

VS代码可以支持它！

只需告诉VS代码，context是什么类型。在变量中添加以下代码，VS代码将知道它是什么。很抱歉，我没有足够的时间发布图片。只需单击solution查看它是如何工作的。

/** @type {CanvasRenderingContext2D} */

解决方案

Answer 3

我使用“类型铸造”：

var canvas = /** @type {HTMLCanvasElement} */ (document.querySelector('#canvas'))

然后享受基本的智能感知：

​

​