中文字幕VA一区二区三区_脔到她哭蛇双根宫交H_别揉我奶头~嗯~啊~免费视频_亚洲国产成人精品无码区在线观看

   本(ben)文翻(fan)譯自Steve Fulton & Jeff Fulton HTML5 Canvas, Chapter 2, “The Basic Rectangle Shape”.

　　讓(rang)我們(men)來看(kan)一下Canvas內置的簡(jian)單幾何圖(tu)形(xing)(xing) — 矩形(xing)(xing)的繪(hui)制(zhi)。在Canvas中，繪(hui)制(zhi)矩形(xing)(xing)有三種方(fang)法：填充(fillRect)、描(miao)邊(StrokeRect)以(yi)及清除(clearRect)。當然，我們(men)也可以(yi)使用(yong)“路徑”來描(miao)繪(hui)包括矩形(xing)(xing)在內的所有圖(tu)形(xing)(xing)。

　　以下是上述三種方(fang)法的API:

　　1.fillRect(x,y,width,height)。繪制一個從(x,y)開始(shi)，寬度為(wei)width，高度為(wei)height的實心(xin)矩形(xing)。

　　2.strokeRect(x,y,width,height)。繪(hui)制(zhi)一個從(x,y)開(kai)始，寬(kuan)度為width，高度為height的(de)矩形(xing)框。該矩形(xing)框會根據當前設置的(de)strokeStyle、lineWidth、lineJoin和miterLimit屬性(xing)的(de)不同而渲染(ran)成不同的(de)樣式。

　　3.clearRect(x,y,width,height)。清(qing)除(chu)從(x,y)開始，寬度(du)為width，高度(du)為height的矩形區(qu)域，使之完全透(tou)明。

　　在調(diao)用上述方(fang)法(fa)繪制(zhi)Canvas之(zhi)前，我們需要設(she)(she)定填充和(he)描邊的樣式(shi)。設(she)(she)定這些樣式(shi)最基本的方(fang)法(fa)是(shi)使用24位色(用16進制(zhi)字符串表示)。以下(xia)是(shi)一個(ge)簡單的例子：

　　代碼如下: context.fillStyle = "#000000"; context.strokeStyle = "#ff00ff";

　　在下面的例子中，填(tian)充色(se)設定(ding)為黑色(se)，而描邊色(se)則設定(ding)為紫色(se)：

　　代碼如下: function drawScreen() { context.fillStyle = "#000000"; context.strokeStyle = "#ff00ff"; context.lineWidth = 2; context.fillRect(10, 10, 40, 40); context.strokeRect(0, 0, 60, 60); context.clearRect(20, 20, 20, 20); }