canvas教程

画直线与设置线条的样式如颜色/端...

字号+ 作者:H5之家 来源:H5之家 2015-11-25 09:12 我要评论( )

HTML5|CSS3,html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端...,UDN开发者论坛,专注企业互联网开发的IT技术社区

  • ctx.moveTo(100,100);
  • ctx.lineTo(200,100);
  • ctx.lineTo(200,200);
  • ctx.lineTo(100,200);
  • ctx.lineTo(100,100);
  • ctx.closePath();//闭合路径
  • ctx.lineWidth = 10;
  • ctx.strokeStyle = 'rgba(255,0,0,0.5)';
  • ctx.stroke();

     

  • 1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • HTML5 canvas元素背景梦幻小星星闪烁特效

      HTML5 canvas元素背景梦幻小星星闪烁特效

      2016-01-17 09:26

    • Canvas 2D 原理

      Canvas 2D 原理

      2015-11-11 14:57

    • HTML5 Canvas雷达扫描动画特效

      HTML5 Canvas雷达扫描动画特效

      2015-10-03 16:38

    • 中国最大的IT技术社区

      中国最大的IT技术社区

      2015-09-30 11:07

    网友点评