javascript - 如何更改 HTML Canvas 的大小

Question

如何通过函数更改 html Canvas 的大小？我试过Width=123;" 和canvas.style.Width=123 canvas.width=123他们都没有在这里工作 Canvas 的 HTML 代码 <CANVAS id="canvas" width="460px" height="800px"></CANVAS>并在CSS canvasarea { width: 460px; height: 800px;

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