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.