Komentar: Saat menulis lebar dan tinggi pada kanvas di kanvas, itu adalah ukuran artboard yang sebenarnya dari kanvas. Secara default, lebar 300px dan tinggi adalah 150px. Selanjutnya, pengantar terperinci diberikan. Teman yang tertarik dapat merujuknya.
Di kanvas, saat menulis lebar dan tinggi pada kanvas adalah ukuran artboard yang sebenarnya dari kanvas, secara default lebar adalah 300px dan tinggi adalah 150px.Saat menulis gaya CSS dengan gaya, widht dan tinggi adalah ukuran tampilan yang sebenarnya.
Sekarang ambil menggambar garis diagonal dengan kanvas sebagai contoh:
<! Doctype html>
<head>
<Meta Charset = UTF-8 />
<title> Canvas </iteme>
<type skrip = 'Text/JavaScript'>
window.onload = function () {
getCanvas ();
};
// gambar kanvase
fungsi getCanvas () {
// Dapatkan elemen kanvas dan konteks menggambarnya
var canvas = document.getElementById ('canvasid');
var context = canvas.getContext ('2d');
// Buat jalur dengan rambu mutlak
context.beginpath ();
Context.moveto (0,200);
Context.lineto (200,0);
// Gambarlah ini di atas kanvas terlebih dahulu
Context.stroke ();
}
</script>
</head>
<body>
<selvas>/canvas>
</body>
</html>
Efek tampilan adalah sebagai berikut:
Seperti yang Anda lihat, papan gambar kanvas adalah kuadrat 200*200, dan gambar menggunakan tampilan diagonal dari (0, 200) hingga (200, 0).
Namun, grafik ditampilkan pada persegi panjang 400*200, dan layar juga merupakan garis diagonal.