<canvas> tegi- JavaScript orqali turli xildagi ob’ektlarni chizish, rasm chiqarish, va xususiyatlarni o`zgartirish imkoniyatiga ega maydon yaratadi. Yopilish tegi mavjud </canvas>.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kopirayter</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<h1>Bu Canvas elementi</h1>
<canvas id="myCanvas">Brauzeringiz canvas tegini qo'llab quvvatlamaydi.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 80, 100);
</script>
</body>
</html>
Ko'rib turganinigzdek bu teg bilan ko'proq JavaScript da ishlayotganingizda tanishasiz. JavaScript orqali dizayn berish mumkin. Qisqa qilib aytganda kodlar orqali rasm chizish.
<canvas id="myCanvas">Brauzeringiz canvas tegini qo'llab quvvatlamaydi.</canvas>
Bu kod ichidagi yozuv brauzerdagi natijada nega ko'rinmadi deb o'ylashingiz mumkin. agar sizning brauzeringiz versiyasi eski bo'lsa chizgan rasmingiz o'rniga shu yozuvlar ko'rinadi.
<canvas> tegini qaysi brauzerlar qo'llab-quvvatlaydi?
