canvas第一天 畫乙個大三角

2021-10-02 20:14:58 字數 2133 閱讀 9094

lang

="en"

>

>

charset

="utf-8"

>

>

canvas

style

>

>

documenttitle

>

head

>

>

"canvas"

width

="900"

height

="500"

>

canvas

>

>

//獲得畫板

var canvas=document.

getelementbyid

("canvas");

//獲得繪畫環境

var cv=canvas.

getcontext

('2d');

//開啟路徑(相當於大喊一聲我要開始畫了)

cv.beginpath()

;//移動筆觸到開始位置

cv.moveto

(200,50

);//指定要畫到**去

cv.lineto

(200

,450);

//把線條畫出來

cv.stroke()

;cv.

lineto

(500

,450);

cv.stroke()

;// 閉合路徑

cv.closepath()

;// 指定填充顏色

cv.fillstyle=

'yellow'

;//填充路徑

cv.fill()

;script

>

body

>

執行結果如下:

lang

="en"

>

>

charset

="utf-8"

>

>

canvas

style

>

>

documenttitle

>

head

>

>

"canvas"

width

="900"

height

="500"

>

canvas

>

>

//獲得畫板

var canvas=document.

getelementbyid

("canvas");

//獲得繪畫環境

var cv=canvas.

getcontext

('2d');

//開啟路徑(相當於大喊一聲我要開始畫了)

cv.beginpath()

;//移動筆觸到開始位置

cv.moveto

(200,50

);//指定要畫到**去

cv.lineto

(200

,450);

//定義劃線的粗細

cv.linewidth=

'10'

;//定義劃線顏色

cv.strokestyle=

'white'

;//把線條畫出來

cv.stroke()

;cv.

lineto

(500

,450);

cv.stroke()

;// cv.lineto(200,50);

// cv.stroke();

// 關閉路徑(將形狀閉合將最終筆觸的位置和開始點的筆觸連線起來形成乙個閉合的圖形)

cv.closepath()

;cv.

stroke()

;script

>

body

>

html

>

執行結果如下:

opengl es畫乙個三角形

剛開始學,記錄一下呼叫順序,套路都是一樣的 文章參考 1 建立乙個shaderutil來編譯glsl public class shaderutil public static int compilefragmentshader string fragmentshadercode throws ru...

網頁 畫乙個三角形

有參照別人的 寫一下自己的理解。這是給自己的乙個記錄 這個方法主要是對css border 的理解以及運用。主要利用就是兩個內嵌的正方形之間產生的形狀 依據圖形 css html 中的height和width都是對小正方形設值的。大正方形的邊長為120px 120px 由上面這個圖形可以看到兩個正方...

每天乙個小指令碼,第一天

每天乙個小指令碼,今天第一天 python小指令碼 需求 列印出指定目錄下的所有檔案的絕對路徑 import os direct r f text 指定的目錄名稱 result os.walk direct for dir name,sub dir list,file name list in re...