App下載
首頁javascriptdrawing_settingsCanvas - 如何更改畫布寬度和高度

Canvas - 如何更改畫布寬度和高度

我們想知道如何更改畫布寬度和高度。

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
function zoom(){
    var testcanvas = document.getElementById("canvas");
    testcanvas.width *=1.25;
    testcanvas.height *= 1.25;
}
</script>
  <input type="button" value="zoom" onClick="zoom()" />
  <div class="main">
    <canvas id="canvas" style="background: #ff0000;"></canvas>
  </div>
</body>
</html>