canvas教程

用canvas画的圣诞树。

字号+ 作者:H5之家 来源:H5之家 2017-03-15 17:01 我要评论( )

明天圣诞节了。 于是乎就想起了圣诞树。 我用的是paperjs,和html5 canvas来实现。 直接看实例吧 Merry Christmas! ); ; ; ; ]; ,]; function getRandomNum(first,last){ first);} function charater(pos){ PointText(pos);instance.fontSize = 20 ;instance

明天圣诞节了。

于是乎就想起了圣诞树。

我用的是paperjs,和html5 canvas来实现。

直接看实例吧

Merry Christmas!); ; ; ; ]; ,]; function getRandomNum(first,last){ first); } function charater(pos){ PointText(pos); instance.fontSize = 20; instance.content )]; instance.fillColor )]; instance.rotate(Math.random()*360); instance.scale(); instance.dest ); return instance; } function rotateMove(self,angle){ ){ self.position; self.position.y self.rotate(angle); self.fillColor.hue +=3; { self.remove(); } } Group(); ; init(30); function init(nameCount){ ){ )); group.addChild(ralmond); } } function onFrame(event){ ){ rotateMove(group.children[i],5); } gapTime--; ){ init(5); gapTime = 10; } star.rotate(3); star.fillColor.hue +=3 } Path.Star(center, points, radius1, radius2); star.fillColor ;

 

 

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

相关文章
  • canvas的beginPath和closePath分析总结,包括多段弧的情况

    canvas的beginPath和closePath分析总结,包括多段弧的情况

    2017-03-15 18:00

  • 请教canvas.element.style =,在IE内核中失效?

    请教canvas.element.style =,在IE内核中失效?

    2017-03-15 16:00

  • Andriod中绘(画)图

    Andriod中绘(画)图

    2017-03-15 09:00

  • 关于canvas绘图模糊问题及解决办法

    关于canvas绘图模糊问题及解决办法

    2017-03-15 08:04

网友点评
m