HTML <canvas> height attribute

HTML <canvas> 标签

ການສະແດງ ແລະ ການນໍາໃຊ້

height ປະສົມປະສານ height ຂອງ <canvas> ທີ່ມີສະເລ່ຍ.

ຄຳແນະນຳ

ນຳໃຊ້ ປະສົມປະສານ width ການກວດຄືນຂອງສະແດງຄວາມຍາວຂອງ <canvas> ທີ່ມີສະເລ່ຍ.

ເມື່ອກວດຄືນລະດັບດ້ານຂະໜາດຂອງກະເບລັກຈາກລາຍການ ຂອງກະເບລັກຈະຖືກກວດຄືນ (ບໍ່ມີຫຼັກການປະສົມປະສານທີ່ລາຍການບໍ່ມີຂອງລາຍການ).

ກະຈາຍໃຫ້ພວກເຮົາ HTML Canvas ການສອນ ຊອກຫາຫຼາຍຂໍ້ມູນກ່ຽວກັບ ສິ່ງ <canvas>.

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ສະແດງ <canvas> 200 ຄັນຕາມມັດຕາມລຳດັບ ທີ່ 200 ຄັນຕາມມັດ:

<canvas id="myCanvas" width="400" height="400" style="border:1px solid">

ທົດລອງດ້ວຍຕົວເອງ

ຕົວຢ່າງ 2

ການກວດຄືນກະເບລັກຈາກລາຍການ (ນຳໃຊ້ JavaScript):

<canvas id="myCanvas" width="400" height="400" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0192B9";
ctx.fillRect(50, 50, 300, 300);
function clearCanvas() {
  c.height = 400;
}
</script>

ທົດລອງດ້ວຍຕົວເອງ

ກົດລະບຽບ

<canvas height="pixels">

ຄວາມຕ້ອງການຂອງປະເພດ

ຄວາມຕ້ອງການ ການອະທິບາຍ
pixels ກຳນົດຄວາມຫຼາຍຂອງການຫຼັງສານທີ່ວ່າໄດ້ຖືກວັດແທກຈາກຄວາມຫຼາຍ(ວິວັດຄວາມຫຼາຍໄດ້ຖືກວັດແທກຈາກຄວາມຫຼາຍ). ຄວາມຫຼາຍສົມທອນແມ່ນ 150.

ການສະໜັບສະໜູນບັນດາການບັນຈຸ

ຈຳນວນທີ່ຢູ່ໃນຕາມເລກໄດ້ກ່າວອີກວ່າບັນດາການບັນຈຸບັນທຳທີ່ເປັນຄັນທີ່ເລືອກຂອງການບັນຈຸບັນທຳທີ່ເປັນຄັນທີ່ເລືອກ.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

HTML <canvas> 标签