155 字
1 分钟
使用CreateJs生成图形
2019-01-01
2024-07-20

开始#

通过CreateJs中的Shape指令可以手动生成很多基本图形。

矩形#

var Rect1 = new createjs.Shape();
Rect1.graphics.beginFill("red").drawRect(0, 0, 100, 100);
Rect1.x = Rect1.y = 50;
stage.addChild(Rect1);

圆形#

var circle1 = new createjs.Shape();
circle1.graphics.beginFill("blue").drawCircle(0, 0, 100);
circle1.x = circle1.y = 300;
stage.addChild(circle1);

多边形#

var polystar = new createjs.Shape();
polystar.graphics.beginFill("yellow").drawPolyStar(0, 0, 150, 3, 0, 90);
polystar.x = polystar.y = 500;
stage.addChild(polystar);

效果如下

多边形可以通过改变draw中的属性实现许多有趣的图形

var polystar1 = new createjs.Shape();
polystar1.graphics.beginFill("yellow").drawPolyStar(0, 0, 30, 3, 5, 30);
polystar1.x = polystar1.y = 500;
stage.addChild(polystar1);

由此可以看出多边形的draw属性分别为(x轴间距,y轴间距,像素,边数,拉伸,角度)六个属性。

使用CreateJs生成图形
https://fuwari.vercel.app/posts/2019年/使用createjs生成图形/
作者
云小逸
发布于
2019-01-01
许可协议
CC BY-NC-SA 4.0