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 次浏览

开启你的 职业

完成课程的认证

开始
广告