HTML5画布矩形教程

最新推荐文章于 2023-07-10 14:17:19 发布

dgqou255

最新推荐文章于 2023-07-10 14:17:19 发布

阅读量733

点赞数

分类专栏： HTML5画布矩形教程文章标签： HTML5画布矩形教程

本文链接：https://blog.csdn.net/dgqou255/article/details/18743149

版权

HTML5画布矩形教程专栏收录该内容

1 篇文章 0 订阅

订阅专栏

创建一个矩形使用HTML5画布,我们可以使用rect()方法,而不是构建形状与4线连接。一个HTML5画布矩形定位与x和y参数,并与宽度和高度尺寸参数。对其左上角矩形定位。

<!DOCTYPE HTML>
<html>
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
  </head>
  <body>
    <canvas id="myCanvas" width="578" height="200"></canvas>
    <script>
      var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');

      context.beginPath();
      context.rect(188, 50, 200, 100);
      context.fillStyle = 'yellow';
      context.fill();
      context.lineWidth = 7;
      context.strokeStyle = 'black';
      context.stroke();
    </script>
  </body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dgqou255

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5画布矩形教程

创建一个矩形使用HTML5画布,我们可以使用rect()方法,而不是构建形状与4线连接。一个HTML5画布矩形定位与x和y参数,并与宽度和高度尺寸参数。对其左上角矩形定位。 body { margin: 0px; padding: 0px; } var canvas
复制链接

扫一扫