Nota kajian kanvas dalam html5 1-Saiz papan lukisan dan saiz paparan sebenar_html5 kemahiran tutorial

Dalam kanvas, apabila menulis lebar dan tinggi pada kanvas, ia ialah saiz papan seni sebenar kanvas Secara lalai, lebar ialah 300px dan tinggi ialah 150px.
Apabila menulis gaya css dalam gaya, lebar dan ketinggian ialah saiz paparan sebenar.
Sekarang gunakan kanvas untuk melukis garis pepenjuru sebagai contoh:

Salin kod

Kodnya adalah seperti berikut:

;/title> ;


' width ="200px" height='200px' style='width:400px;height:200px;' > 🎜>
Kesan paparan adalah seperti berikut:


Seperti yang anda lihat, papan lukisan kanvas ialah segi empat sama 200*200, dan lukisan menggunakan paparan pepenjuru dari (0, 200 ) hingga (200, 0).
Tetapi graf dipaparkan sebagai segi empat tepat 400*200, dan ia juga memaparkan pepenjuru.