HTML5画布线宽教程

来源:互联网 发布:5555be.com域名升级 编辑:程序博客网 时间:2024/05/17 08:38

定义一个HTML5画布的宽度,我们可以使用lineWidth,设置画布的谱线宽度属性上下文。lineWidth属性必须设置调用stroke()。


<!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.moveTo(100, 150);      context.lineTo(450, 50);      context.lineWidth = 15;      context.stroke();    </script>  </body></html>


0 0
原创粉丝点击