canvas畫布知識測驗

canvas畫布知識測驗

1【多選題】

Canvas元素的坐標系描述正確的是（）

A、Canvas元素的坐標系是一個二維網格

B、它的坐標系是以左上角為原點，向右延伸是X橫坐標的正方向，向下延伸是Y縱坐標正方向

C、原點的坐標是(x,y)=(0,0)

D、坐標系對于以后使用Canvas的API意義重大，在繪圖的時候需要時刻記住坐標空間

2【多選題】

關于canvas畫圖以下說法正確的是（）

A、lineTo()方法用于定義從“x,y”的位置繪制一條直線到起點或上一個線頭點。

B、繪制直線確定了起始點和線頭點后，便形成了一條繪制路徑，如果復雜路徑繪制，必須使用路徑開始和結束

C、在canvas圖形繪制中，路徑只是草稿，真正繪制線必須執行stroke()方法根據路徑進行描邊

D、可以使用fill()方法進行圖形的填充

3【判斷題】

一個畫布在網頁中是一個矩形框，通過<canvas>元素來繪制。

4【判斷題】

HTML5 <canvas>標簽定義圖形，比如圖表和其他圖像，必須使用腳本（通常是 JavaScript）來繪制圖形

5【判斷題】

HTML5中提供了<canvas>標簽，使用<canvas>標簽可以在網頁中創建一個矩形區域的畫布

6【判斷題】

畫布本身不具有繪制功能，可以通過腳本語言（一般為JavaScript）操作繪制圖形的API進行繪制操作

7【判斷題】

可以使用getElementById()方法獲取畫布對象

8【判斷題】

有了畫布之后，要開始作畫需要準備一只畫筆，這只畫筆就是context對象，該對象可以使用JavaScript腳本獲得

9【判斷題】

canvas中分別使用strokeRect()和fillRect()方法來繪制矩形邊框和填充矩形

10【判斷題】

在canvas中還有一個相當于橡皮擦的方法，context.clearRect(x,y,width,height)，使用它可以清除矩形內繪制的內容。

11【判斷題】

canvas中使用arc()方法來繪制弧形和圓形