• 27 ta ko'rildi

HTML <canvas> tegi

<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>

Natija :

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?


dasturlash vebdasturlash sayt_yaratish html