Question

我正在尝试将画布宽度调整为给定像素数量，如下所示：

if (condition==true) {
    canvasVar.width = pixel amount;
}

if语句正在执行，但画布正在调整大小。我尝试了很多方法：

var canvasVar = document.getElementById('canvasId');
var contextVar = canvasVar.getContext('2d');

//all numbers in pixels.
canvasVar.style.width = 20; //doesn't do anything.
canvasVar.width = 20; //resizes the HEIGHT!!!
contextVar.canvas.width = 20; //also resizes height.

方法2＆amp;之后的画布宽度/高度值。 3个被应用的是656（正常值）＆amp; 1405（正常值= 328）。

注意：我使用CSS设置画布默认宽度/高度，我也使用Yii PHP框架。

感谢。

编辑：我还试图通过20扩展名关注px。提供错误说明＆＃39;意外标识符＆＃39;。

Answer 1

画布有＆＃34; 2＆＃34;高度和宽度属性。其中一个指定画布的分辨率，另一个指定尺寸

canvasVar[0].width = 20; // canvas consists of 20 virtual px in width
canvasVar[0].style.width = '400 px' // canvas gets a width of 400 px

如何使用javascript调整画布大小到像素数量

1 个答案: