HTML5 Canvas 失真


如果 Canvas 看起來失真,那麼嘗試更改高度和寬度 −

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

HTML5 中 Canvas 的預設高度和寬度是 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-12-2021

567 次瀏覽

開啟你的 職業

完成課程的認證

開始
廣告
© . All rights reserved.