HTMLCanvasElement.width
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since иÑÐ»Ñ 2015 г..
СвойÑÑво HTMLCanvasElement.width â ÑÑо положиÑелÑное
Ñелое ÑиÑло, оÑобÑажаÑÑее знаÑение HTML аÑÑибÑÑа width ÑлеменÑа <canvas> в CSS пикÑелÑÑ
.
ÐÑли аÑÑибÑÑ Ð½Ðµ Ñказан или Ð´Ð»Ñ Ð½ÐµÐ³Ð¾ задано недопÑÑÑимое знаÑение, напÑÐ¸Ð¼ÐµÑ Ð¾ÑÑиÑаÑелÑное, Ñо иÑполÑзÑеÑÑÑ Ð·Ð½Ð°Ñение по ÑмолÑÐ°Ð½Ð¸Ñ 300.
Ðдно из двÑÑ
ÑвойÑÑв (дÑÑгое â HTMLCanvasElement.height), конÑÑолиÑÑÑÑиÑ
ÑÐ°Ð·Ð¼ÐµÑ Ñ
олÑÑа.
СинÑакÑиÑ
var pxl = canvas.width;
canvas.width = pxl;
ÐÑимеÑÑ
ÐозÑмÑм ÑледÑÑÑий <canvas> ÑлеменÑ:
<canvas id="canvas" width="300" height="300"></canvas>
ÐÑ Ð¼Ð¾Ð¶ÐµÑе полÑÑиÑÑ ÑиÑÐ¸Ð½Ñ Ñ Ð¾Ð»ÑÑа ÑледÑÑÑим обÑазом:
var canvas = document.getElementById("canvas");
console.log(canvas.width); // 300
СпеÑиÑикаÑии
| Specification |
|---|
| HTML # dom-canvas-height |
СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑами
СмоÑÑиÑе Ñакже
- ÐнÑеÑÑейÑ
HTMLCanvasElement. - ÐÑÑгое ÑвойÑÑво, конÑÑолиÑÑÑÑее ÑÐ°Ð·Ð¼ÐµÑ Ñ
олÑÑа,
HTMLCanvasElement.height.