6 11學習筆記

2021-10-07 02:52:54 字數 2500 閱讀 7058

一.

加強版ol元素

1.可以通過start屬性來定義標號的開始值。

2.可以通過reversed屬性來進行反向編號。

二.dl元素

dl元素在html4中:

d元素在html4中,是乙個專門用來定義術語的列表。

dl元素在html5中:

d元素在html5中,把d元素進行了重定義。每一項包含一條或者多秦帶名字的dt元素,

用來表示術語,d元素後面緊跟-個或者多個dd元素,用來表示定義。重定義後的di列表包

含多個帶名字的列表項。

三.canvas元素

是專門繪製圖形的元素

畫布的建立方法:指定id、width (畫布寬度)、height (畫布高度)。

例如: 上面這個例項的意思

就是,建立- -個畫布,長度為500,高度為350.

引入指令碼的方法:

比如: 上面這個例項

的意思就是:引入乙個名為canvas的js指令碼,js指令碼的語言編碼是utf-8

在body的屬性裡面,使用οnlοad="draw('canvas);"語句。呼叫指令碼檔案中

的draw函式進行圖形繪畫。

四.繪製矩形

1.用getelementbyid方法獲取到canvas物件

2.在繪製圖形的時候要用到圖形上下文,圖形上下文是乙個封裝了很多繪圖力能的物件。

要使用canvas物件的getcontext()方法獲得圖形上下文,在draw函式中把參散設定為"2d" .

3.canvas繪製有兩種方法:

1)、填充(fill)

填充是將圖形內部填滿。

2)、繪製邊程(stspke)

繪製邊框是不把圖彩內部填滿,只是繪製圖形的外框。

4.當我們在給制圖形的時候,首先要設定好繪製的樣式,然後我們就可以呼叫有關的方法進行繪製。.

1)、filstyle屬性

填充的樣式,在這個屬性裡面設定填入的填充顏色值。

2)、strokestyle屬性

圖形邊框的樣式,在這個屬性裡面設定填入邊框的填充顏色。

5.通過對上下文物件(context)的linewidth屬性來設定圖形邊框的寬度,任何直線的寬度都是可以通過linewidth來設定直線的亮度的。

6.繪製圖形的時候要填充的顏色或者邊框分別可以通過ilstyle屬性和strokestyle屬性來指定。

顏色的值可以使用

1)16進製制的顏色值《#000000)

2)顏色名(black)

3)rgb (rgba(0,0,0) )

4)rgba (rgba(0,0,0,0.1)

7.使用firect方法和strokerect方法來填充矩形和繪製矩形的邊框。

context.filrect (x,y,width,.height)

context.strokerect (x,y,width,height)

這兩種方法的參故都是一樣的,x是指矩形的起點構座標,y是指矩形的縱座標,座標的原點是canvas

畫布的最左上角,width是指矩形的長度height是指矩形的高度。

例子canvas繪製矩形

context.fllstyle = 『rgba(255,0,0,0.25)』;

context.fill( );

例子:function draw(ia)

六.繪製文字

繪製字型時可以使用flitext方法或者stroketext方法。

filltext方法用填充的方式來繪製字串;

context.filtext 《text, x,y,[maxwidth]) ;

stroketext方法用輪廓的方式來繪製字串;

context.stroketext (tepxt,器! y,[maxwidth]) ;

第乙個引數text表示要繪製的文字,第二個塑數x表示要繪製的文字的起點模座標,第三個引數y表示繪製的文字的起點縱座標,第4個

引數maxwidth為可選引數,表示顯示文字的時候最大的寬度,可以防止文字溢位。

1.context.font = 「font- weight font- size font- familyq」;

context.font有三個引數,第乙個引數font-weight

normal預設值。定義標準的字元。

bold定義粗體字元。

bolder定義更粗的字元。

lighter定義更紹的字元。

定義由粗到日的字元。400等同於normal,而700等同於bold。

第二個引數font- size規定文字的字型尺寸

2.context. textbaselne = alphabebc;

屬性值可以是top (頂部對齊)。 hanging (懸掛), middle (中間對齊)、. bottom (底部對齊)、 alphabetic是預設值

3.context.textalign = 「start」

屬性值可以設定為: start. end.left. right. center.

< !doctype html>

ES6 11學習筆記 Symbol

symbol 一種新的原始資料型別 宣告方式 let s1 symbol let s2 symbol console.log s1 symbol console.log s2 symbol console.log s1 s2 false let s3 symbol foo let s4 symbol...

ES6 11學習筆記 箭頭函式

1 this指向定義時所在的物件,而不是呼叫時所在的物件 2 不可以當做建構函式 3 不可以使用arguments物件 es5中定義函式的兩種方式 function fn1 let fn2 function fn1和fn2之間區別是 fn1編譯器會預編譯,呼叫fn1無論是在定義的前面還是後面都能正常...

6 11測試用例總結

在最近的時間裡,通過乙個專案,來鍛鍊了一下個人的測試用例。接下來講一下測試用例的總結。1.剛開始學習寫測試用例的時候比較急手,不知道通過需求文件怎麼下手,慢慢的上手之後,熟練了點,有想法倒是有想法了,就是在每個模組兒編寫測試用例中,想的還不夠全面,對專案的測試用例還不夠全面,要麼就是表達模糊,要麼就...