angular使用canvas操作時報錯

2022-07-23 05:15:17 字數 643 閱讀 1897

最近,用 angular 前端框架為應用登入新增圖形驗證碼認證,由於沒有現成的外掛程式,於是便使用canvas+js操作,也是可以正常使用,但是在編譯階段卻有個報錯:

雖然報錯,但是確實可以正常執行,很是奇怪。報錯的**為:

let c = document.getelementbyid("mycanvas") ;

let ctx = c.getcontext("2d");

檢視原始碼是有 getcontext() 這個方法的。後面想是不是型別導致的呢,於是,使用型別斷言(不影響**執行,只是在編譯階段起作用)修改**入下:

let c = document.getelementbyid("mycanvas")  as htmlcanvaselement;

let ctx = c.getcontext("2d");

編譯正常通過。後面了解,還有另外一種斷言方式:

let c = document.getelementbyid("mycanvas") ;

let ctx = c.getcontext("2d");

以上均可編譯通過,因為 getcontext() 是在 htmlcanvaselement 中定義的,因此,我們需要指定型別。

以上

Canvas基本使用

canvas的意思是畫布,表現在螢幕上就是一塊區域,我們可以再上面使用各種api繪製我們想要的東西。可以說,canvas貫穿整個2d graphics,android.graphics中的所有類,幾乎都於canvas有直接或間接的聯絡。所以了解canvas是學習2d graphics的基礎。andr...

canvas使用案例

最近遇到了合成的一些坑,所以就想學習一下canvas雖然說這個是h5的新特性但是也沒有怎麼了解過,下面就是一些學習的經驗 首先你需要建立canvan這個標籤,有了這個標籤你才可以對他進行操作,這樣這個標籤就建立好了下面就該是在js裡面對這個建立好的canvas進行操作了 let canvas doc...

angular基本使用

angular 有很多裝飾器,它們負責把元資料附加到類上,以了解那些類的設計意圖以及它們應如何工作。component裝飾器 宣告乙個元件時,在元件類的之上要用 component裝飾器來告知angular這是乙個元件 component ngmodule是乙個裝飾器函式,它接收乙個用來描述模組屬性...