Canvas入门实例05：画一个衣架

最新推荐文章于 2023-01-04 10:31:12 发布

ssbunny

最新推荐文章于 2023-01-04 10:31:12 发布

阅读量178

点赞数

分类专栏： Canvas 文章标签： Canvas

本文链接：https://blog.csdn.net/ssbunny/article/details/84113966

版权

Canvas 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文综合前面的几个例子，画一个晾衣架。

function drawScreen(){
      var context = theCanvas.getContext('2d');
      context.strokeStyle = 'black';
      context.lineWidth = 5;
      context.beginPath();
      context.moveTo(150,130);
      context.lineTo(50,150);
      context.arc(50, 175, 25, 1.5*Math.PI, 0.5*Math.PI, true);
      context.moveTo(50,200);
      context.lineTo(250,200);
      context.arc(250, 175, 25, 0.5*Math.PI, 1.5*Math.PI, true);
      context.moveTo(250,150);
      context.lineTo(150,130);
      context.lineTo(150,60);
      context.lineJoin = 'round';
      context.arc(150, 40, 20, 0.5*Math.PI, Math.PI, true);
      context.stroke();
      context.closePath();
}