Rumah > hujung hadapan web > Tutorial H5 > HTML5 Melukis segi empat tepat dalam kanvas dengan kemahiran tutorial renderings_html5

HTML5 Melukis segi empat tepat dalam kanvas dengan kemahiran tutorial renderings_html5

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-16 15:47:29
asal
1565 orang telah melayarinya
1. Lukiskan segi empat tepat

Kanvas menggunakan sistem koordinat dengan asalan (0,0) di penjuru kiri sebelah atas dan koordinat y meningkat ke bawah.

Gunakan fungsi lukisan segi empat tepat persekitaran lukisan untuk melukis segi empat tepat.

fillRect(x,y,width,height): Lukis segi empat tepat pepejal.
strokeRect(x,y,width,height): Lukiskan segi empat tepat berongga.
clearRect(x,y,width,height): Kosongkan kawasan segi empat tepat yang ditentukan untuk menjadikannya lutsinar sepenuhnya.

2. Lukiskan segi empat tepat dalam kanvas

Salin kod
Kodnya adalah seperti berikut :



= utf-8">
HTML5
Isu terkini
Perbezaan antara HTML dan HTML5
daripada 1970-01-01 08:00:00
0
0
0
pengesahan html5 untuk symfony 2.1
daripada 1970-01-01 08:00:00
0
0
0
Berkenaan penggunaan html5
daripada 1970-01-01 08:00:00
0
0
0
html5 tunjukkan sorok
daripada 1970-01-01 08:00:00
0
0
0
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan