【easeljs】矢量画图东西 Graphics类

类引见

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);
    原文作者:黒之染
    原文地址: https://segmentfault.com/a/1190000004329081
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞