2010-08-12 139 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