HTML5技术

封装 用canvas绘制直线的函数--面向对象 - !master

字号+ 作者:H5之家 来源:H5之家 2016-10-14 16:05 我要评论( )

用面向对象的思想 封装 在canvas绘制直线的函数 ); ; ; ; ); drawLine(parameters) { 25 this .init(parameters); 26 } { 29 constructor: drawLine, (parameters) { parameters.ctx; ]; ]; ]; ]; ; []; ; 40 }, () { 43 this .ctx.beginPath(); .startY); .

用面向对象的思想 封装 在canvas绘制直线的函数); ; ; ; ); drawLine(parameters) { 25 this.init(parameters); 26 } { 29 constructor: drawLine, (parameters) { parameters.ctx; ]; ]; ]; ]; ; []; ; 40 }, () { 43 this.ctx.beginPath(); .startY); .endY); .lineWidth; .lineDash); .strokeStyle; 49 this.ctx.stroke(); 50 } 51 }; drawLine({ 55 ctx: ctx, ], ], }); 60 line.stroke(); drawLine({ 62 ctx: ctx, ], }); 66 line2.stroke();

 效果图:

 

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

相关文章
  • Canvas的width,height 和 样式中Canvas的width,height - 梦影雾花,尽是虚空

    Canvas的width,height 和 样式中Canvas的width,height - 梦影雾花,

    2016-09-24 16:00

  • Canvas——使用定时器模拟动态加载动画! - li_han

    Canvas——使用定时器模拟动态加载动画! - li_han

    2016-09-23 15:00

  • canvas对象arc函数的使用-遁地龙卷风 - 遁地龙卷风

    canvas对象arc函数的使用-遁地龙卷风 - 遁地龙卷风

    2016-09-07 15:00

  • canvas对象arcTo函数的使用-遁地龙卷风 - 遁地龙卷风

    canvas对象arcTo函数的使用-遁地龙卷风 - 遁地龙卷风

    2016-09-07 10:00

网友点评
e