如何更改HTML画布的大小

Question

如何通过函数更改html画布的大小？我尝试了Width=123;" 和canvas.style.Width=123 canvas.width=123他们都没有使用画布的<CANVAS id="canvas" width="460px" height="800px"></CANVAS>和css canvasarea { width: 460px; height: 800px;

的HTML代码

Answer 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