HTML5 畫布失真


如果畫布看起來失真,請嘗試更改高度和寬度−

<canvas id = ”canvas1” width = '400' height = '300'></canvas>

HTML5 中畫布的預設高度和寬度為 2/1 比例−

width = 300
height = 150

示例

讓我們看一個示例−

<!DOCTYPE HTML>
<html>
   <head>
      <style>
         #mycanvas{border:1px solid red;}
      </style>
   </head>
   <body>
      <canvas id = "mycanvas" width = "100" height = "100"></canvas>
   </body>
</html>

輸出

更新於: 16-Dec-2021

568 瀏覽

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.