vscodeでcanvasの補完を効かせたい

Question

vscodeでHTMLCanvasElementを指定すれば補完が効くと情報があったので、指定したのですが補完が効きません
vscodeでcanvasの補完が効く方法を教えてほしいです。よろしくおねがいします。
(ctx.と入力するfillStyleなどが出るイメージです。)

/**
 * @type {HTMLCanvasElement}
 */
var ctx = document.getElementById("viewer").getContext("2d");

ctx.fillStyle = "black";

Comments

[cx20]

自分の所だと、その方法で補完が効きました。

[mather]

回答した後で言うのもおかしいのですが、
> 指定したのですが補完が効きません
というのは「補完機能そのものが全く動いていない」のか「fillStyleが補完に出てこない」のかどちらでしょうか？

[cx20]

> 自分の所だと、その方法で補完が効きました。
すみません、嘘つきました。
「fillStyle」が候補に出てきたので補完ができると思ってしまいましたが、ソースの他に箇所に「fillStyle」を使ってる箇所があった為のようでした。

mather さんの回答にある方法で正しく補完ができることを確認しました。

以下は参考情報です。VS Code での HTML Canvas のコード補完について書かれていました。
■ Get IntelliSense in VS Code for HTML Canvas
https://inspirnathan.com/posts/6-get-intellisense-for-html-canvas/

Answer 1

指定するべき型を間違えています。

/**
 * @type {CanvasRenderingContext2D}
 */
var ctx = document.getElementById("viewer").getContext("2d");

Comments

[web11]

ありがとうございます。
こちらの方法で補完が効く様になりました。