


Kanvas perlu menentukan lebar dan tinggi secara langsung dalam kemahiran tutorial tag_html5
May 16, 2016 pm 03:47 PMDahulu, apabila saya menggunakan kanvas untuk melukis gambar, saya selalu menulis lebar dan tinggi secara langsung dalam tag kanvas. Namun, saya tidak pernah meneroka mengapa lebar dan tinggi harus ditulis secara langsung teg kanvas, kerana ini berlaku dalam pelbagai contoh. Hari ini Sir Wang membangkitkan soalan: Jika lebar dan tinggi ditulis dalam <gaya>, mari lihat perbezaan yang akan berlaku. Saya mencuba perkara berikut sendiri, dan pasti ada masalah.
Lihat kod dahulu:
< ;!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>kanvas</title> ;
< ;meta name="Keywords" content="">
<meta name="author" content="@my_programmer">
<style type="text/css" >
badan{margin:0;}
kanvas{margin:20px;
/*lebar: 400px;
tinggi: 300px;*/
}
</style> ;
< ;/head>
<body onload="draw()">
<canvas id="canvas" width=400 height=300 style="border:1px solid #f00 ;">< ;/canvas>
<skrip>
fungsi draw() {
var canvas=document.getElementById('canvas');
var context=canvas.getContext(' 2d');
context.beginPath();
context.moveTo(20,20);
context.lineTo(200,100);
context.lineWidth=5;
context.stroke ();
}
</skrip>
</body>
</html>
1. Tulis terus dalam < Kesan dalam kanvas>:
2. Padamkan lebar dan tinggi dalam <kanvas>, lebar: 400; kesan penulisan dalam <gaya>:
Mengapa kesan kedua-duanya berbeza?
Kanvas, seperti teg lain, juga boleh digayakan melalui CSS. Tetapi apa yang perlu diperhatikan di sini ialah lebar dan ketinggian lalai kanvas ialah 300px * 150px Jika kanvas digunakan dalam situasi ini Melukis, grafik yang anda dapat mungkin kesan ubah bentuk. Oleh itu, apabila melukis di atas kanvas, lebar dan ketinggian hendaklah ditakrifkan secara langsung dalam tag kanvas.

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Sekolah mana yang menggunakan kanvas?

Untuk gaya manakah html2canvas tidak sah?

Aliran pembangunan dan prospek masa depan Kanvas dalam sektor pendidikan China

Apakah sifat yang dimiliki oleh tkinter canvas?
