您好,欢迎来到无锡中智培训学校电脑培训专业网!咨询电话:0510-82828991
分享到:
无锡中智职业培训学校七大校区就近上课:南禅寺校区、胜利门校区、河埒口校区、新区校区、恒隆校区、宜兴校区、江南校区

网页设计html5使用canvas画一条线

时间:2014-12-21 13:48 作者:中智培训 点击:
  无锡中智培训老师分享,网页设计html5使用canvas画一条线
  代码如下:
  ar canvas=document.getElementById("canvas");
  //设置绘图环境
  var cxt=canvas.getContext('2d');
  //开启新路近
  cxt.beginPath();
  // 设置笔触的宽度
  cxt.lineWidth=10;
  //设置笔触的颜色
  cxt.strokeStyle="#00ff00";
  //设定笔触的位置
  cxt.moveTo(20,20);
  //设置移动的位置
  cxt.lineTo(100,20);
  //画线
  cxt.stroke();//这个时候的线已经出来了
  //关闭路径
  cxt.closePath();
  //凡事路径图形必须先开始路径,画完之后必须结束路径
  推荐:网页设计html元素拖拽功能
       网页设计CSS文字大小px和pt的区别

无锡中智教育 无锡电脑培训班 无锡网页设计培训 无锡平面设计培训
无锡市中智职业培训学校 无锡中智培训 专注电脑培训|网站地图
热线电话:400-8818-707 版权所有 无锡中智培训学校 WWW.WX68.COM Copyright ©2013 ALL Rights Reserved
备案号:渝ICP备09051384号-1
网站地图