Penyelesaian kepada masalah html5 canvas fillRect koordinat dan kemahiran tutorial size_html5

fillRect(100,100,100,100) Dua 100 yang pertama merujuk kepada koordinat, dan dua 100 yang terakhir merujuk kepada lebar dan tinggi.

Hari ini saya sedang mempelajari kanvas HTML5 dan mendapati bahawa koordinat dan saiz fillRect sentiasa salah Setelah mengkaji untuk masa yang lama, saya mendapati bahawa lebar dan ketinggian kanvas mestilah sebaris dalam tag kanvas. Saya tertekan untuk masa yang lama.

Salah cara 1:

Salin kod

Kodnya adalah seperti berikut:

;tajuk>Dokumen

#mycanvas{
lebar: 200px; ;/gaya> ;

document.getElementById ('mycanvas');
var ctx = c.getContext("2d"); );


>

Salin kod


Kod adalah seperti berikut:






;

< ;canvas id='mycanvas' style='width:200px;height:200px;background:yellow'> ('mycanvas') ;
var ctx = c.getContext("2d"); 🎜>

Salin kod

Kod tersebut adalah seperti berikut:

🎜>
>var c = document.getElementById ('mycanvas'); , 100, 100);