Ujumbe wa width wa HTML <canvas>

Tabeli ya <canvas> ya HTML

Mifano na matumizi

width Ujumbe wa width una kumielea kichwa kikuu kina ukingo wa pixeli.

Maelezo

Tukia kwa kutumia Ujumbe wa height Tukia kichwa kikuu kina ukingo wa kiyai kwa pixeli.

Kila mara unapokea kichwa kikuu kina ukingo wa kiyai au kina ukingo wa kizuri, matokeo ya kichwa kikuu kimekutwa (tunaelewa mafanikio ya mawendo ya kizazi):

Tafadhali tukia hapa Mafunzo ya Canvas ya HTML Mafunzo ya mafundisho yako kwa kichwa kikuu <canvas>.

Mfano

Mfano 1

Kitu kidogo cha kichwa kikuu kina ukingo wa 200 pixeli:

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

Kumaliza kufanya mafunzo

Mfano 2

Kwa kuweza kumia uwezo wa width kuwa 400px kumafungua kichwa kikuu (kwa JavaScript):

<canvas id="myCanvas" width="200" height="200" 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.width = 400;
}
</script>

Kumaliza kufanya mafunzo

Inasababisha upotevu wa kifaa cha kichwa kwa ukili wa pixeli (kama vile “100” ). Inayotumiwa kwa msingi 300.

Inasababisha upotevu wa kifaa cha kichwa kwa ukili wa pixeli (kama vile “100” ). Inayotumiwa kwa msingi 300.pixels<canvas width="

">

Wakati Maelezo
pixels Inasababisha upotevu wa kifaa cha kichwa kwa ukili wa pixeli (kama vile “100” ). Inayotumiwa kwa msingi 300.

Matumizi ya kifaa cha kawaida

Inanuchukua namba za programu za kwanza zinaongoza katika matumizi ya hiyo mafanikio.

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

Tabeli ya <canvas> ya HTML