canvas 相關基礎彙總簡記

2021-09-11 22:48:46 字數 928 閱讀 3315

2.通過 判斷canvas的.getcontext 屬性是否存在,作為瀏覽器不支援canvas的判斷;

getcontext 是乙個方法,或者說是乙個函式,canvas通過這個函式獲取canvas的繪圖環境;

以下面的**為例,我們通過 document.getelementbyid() 獲取canvas物件節點;

但是瀏覽器是否支援canvas呢,我們通過 這個canvas 節點是否可以獲取到 getcontext 來判斷;

如果為 true ,則存在getcontext 這個方法,說明瀏覽器支援canvas,否則不支援,我們需要另外的處理;

3. 道聽途說,一開始 canvas 是蘋果在 safari 中實現的,後來慢慢的被接受作為標準了,直到現在幾乎所有的瀏覽器都支援了,

但是也有個別的不支援;

4.  canvas 繪圖環境中,也就是canvas的區域範圍內,元素的定位是參照原點的,也就是 左上角 的(0,0);

當然,原點的位置也是可以修改的,不是固定不變的;

5.  canvas可以繪製圖形,canvas提供了繪製矩形的原生方法,也就是生成矩形的函式,我們只需要呼叫即可;

fillrect(x,y,width,height)

stroke ( x, y, width ,height )

clearrect( x, y, width , height)

這個三個函式的引數都是一樣的,前兩個設定位置,後面兩個是寬度和高度;

但是這個三個方法繪製的矩形是有區別的,原理不一樣;

當然還有其他的繪製矩形的方法,比如路徑等;

6.  未完...

相關係數簡記

1.連續資料,正態分佈,線性關係,用pearson相關係數是最恰當,當然用spearman相關係數也可以,效率沒有pearson相關係數高。2.上述任一條件不滿足,就用spearman相關係數,不能用pearson相關係數。3.兩個定序測量資料之間也用spearman相關係數,不能用pearson相...

TCP IP 基礎概念簡記

tcp ip協議族的分層 應用層運輸層 網路層鏈路層 網際網路位址 ip位址 網際網路上的每個介面必須有乙個唯一的internet位址,它一定的結構,分為abcde五類。a類保留給 機構,b類分配給中等規模的公司,c類分配給任何需要的人,d類用於組播,e類用於實驗,各類可容納的位址數目不同。其結構如...

canvas相關屬性使用

1.canvas按百分比畫圓環 可以使用canvas的arc屬性畫出圓環,百分比部分換算成弧度即可。2.canvas的font屬性沒法單獨設定,必須設定兩個及以上相關屬性。如果要通過傳入的值來改變font屬性的引數,可以通過正則匹配表示式,replace方法來實現,如改變字型大小 context.f...