HTML5技术

HTML5使用Canvas来绘制图形 - 小君君的博客(2)

字号+ 作者:H5之家 来源:H5之家 2017-08-02 12:00 我要评论( )

(){ Array( , , , , , , , , , , ); ; ){ ; ).append(str); i); ); ; ); options[i]; 31 ctx.beginPath(); ; Math.PI); 34 ctx.fill(); 35 } 36 }) 图形合成 9、给图形绘制阴影 代码如下: canvas基础api (){ ); );

(){ Array( , , , , , , , , , , ); ; ){ ; ).append(str); i); ); ; ); options[i]; 31 ctx.beginPath(); ; Math.PI); 34 ctx.fill(); 35 } 36 })

图形合成

 9、给图形绘制阴影

代码如下:

canvas基础api(){ ); ); ; ); ; ; ; ; ){ ); 27 create5star(ctx); 28 ctx.fill(); 29 } 30 function create5star(ctx){ ; ; ; 34 ctx.beginPath(); ; ); ); ){ dig); dig); s) 43 } 44 ctx.closePath(); 45 ctx.fill(); 46 } 47 48 }) 您的浏览器不支持canvas

五角星阴影

 10、canvas使用图像

语法:ctx.drawImage(imgobj,left,top,width,height)

 

canvas基础api(){ ); ); Image(); ; (){ ) 25 } 26 27 }) 您的浏览器不支持canvas

使用图片

 

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

相关文章
  • canvas一周一练 -- canvas绘制中国银行标志(4) - 张不丢

    canvas一周一练 -- canvas绘制中国银行标志(4) - 张不丢

    2017-08-01 08:02

  • canvas学习总结六:绘制矩形 - beevesnoodles

    canvas学习总结六:绘制矩形 - beevesnoodles

    2017-08-01 08:00

  • HTML5学习--SVG全攻略(基础篇) - 狙击手+

    HTML5学习--SVG全攻略(基础篇) - 狙击手+

    2017-07-29 16:04

  • seajs简单使用 - 小倔驴

    seajs简单使用 - 小倔驴

    2017-07-28 13:10

网友点评
f