2010-08-12 94 views
1

如何通過函數更改HTML畫布的大小?我試圖Width=123;" canvas.style.Width=123 canvas.width=123它們都不繼承人工作的HTML代碼畫布<CANVAS id="canvas" width="460px" height="800px"></CANVAS>並在CSS canvasarea { width: 460px; height: 800px;如何更改HTML畫布的大小

+1

有想法,如果你已經放置的內容到畫布上,這將是在調整大小時拉伸。 – 2010-08-12 01:07:52

回答

1

<canvas>元素支持width屬性。

例如:<canvas width="123"></canvas>

改變與JavaScript的執行類似寬度:

<canvas id="myCanvas"></canvas> 

<script type="javascript"> 

function changeCanvasWidth() { 
    myCanvas = document.getElementById("myCanvas"); 
    myCanvas.style.width="123px"; 
} 
</script> 

參考:http://www.w3schools.com/html5/tag_canvas.asp