类引见
Graphics类
公开了一个易于运用的,用于天生矢量图和把它们绘制到指定的内容里的API。注重,你能够不需要依靠EaselJS框架
,经由过程直接挪用draw
来运用Graphics
。或许它也能够和Shape 对象
一同,用于在EaselJS显现列表中绘制矢量图形。
有两个运用Graphics对象的要领:直接运用Graphics实例的要领,或许实例化Graphics然后经由过程append把它加进一个graphics行列。前者提炼自后者,简化途径、添补、描边的最先和完毕。
var g = new createjs.Graphics();
g.setStrokeStyle(1);
g.beginStroke("#000000");
g.beginFill("red");
g.drawCircle(0,0,30);
Graphics
里一切绘制的要领末了都邑返回此次绘制的Graphics
实例,所以它们能够连起来写(链式写法)。比方,下面一行代码能够绘制一个赤色描边和蓝色添补的矩形:
myGraphics.beginStroke("red").beginFill("blue").drawRect(20, 20, 100, 50);
每一次挪用graphics api
都邑天生一个 command
敕令对象。末了建立的command
能够经由过程command
接见:
var fillCommand = myGraphics.beginFill("red").command;
// 以后更新添补色彩:
fillCommand.style = "blue";
//或许把它的添补改成一个位图:
fillCommand.bitmap(myImage);