畫布在使用CSS時(shí)被拉伸，但是普通的畫布具有“寬度”/“高度”屬性。我有兩個(gè)畫布，一個(gè)使用HTML屬性width和height為了調(diào)整它的大小，另一個(gè)使用CSS：<canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);">
</canvas><canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas>Compteur 1按其應(yīng)有的方式顯示，但不顯示compteur 2。內(nèi)容是在300x300畫布上使用JavaScript繪制的。為什么會(huì)有顯示差異？
3 回答
皈依舞
TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超3個(gè)贊
widthheight
canvasObject.setAttribute('width', '475');
qq_花開(kāi)花謝_0
TA貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊
<canvas>widthheightwidthheight
var ctx = document.getElementById('canvas1').getContext('2d');
ctx.fillStyle = "red";
ctx.fillRect(10, 10, 30, 30);
var ctx2 = document.getElementById('canvas2').getContext('2d');
ctx2.fillStyle = "red";
ctx2.fillRect(10, 10, 30, 30);
canvas {
border: 1px solid black;
}
<canvas id="canvas1" style="width: 50px; height: 100px;" height="50" width="100"></canvas>
<canvas id="canvas2" style="width: 100px; height: 100px;" height="50" width="100"></canvas>
widthheightwidth300height150.
添加回答
舉報(bào)
0/150
提交
取消