資訊專欄INFORMATION COLUMN
摘要：類介紹類公開了一個易于使用的，用于生成矢量圖和把它們繪制到指定的內(nèi)容里的。注意，你可以不需要依賴框架，通過直接調(diào)用來使用。或者它也可以和對象一起，用于在顯示列表中繪制矢量圖形。最后創(chuàng)建的可以通過訪問之后更新填充顏色或者把它的填充改成一個位圖
類介紹
Graphics類公開了一個易于使用的，用于生成矢量圖和把它們繪制到指定的內(nèi)容里的API。注意，你可以不需要依賴EaselJS框架，通過直接調(diào)用draw來使用Graphics?；蛘咚部梢院?b>Shape 對象一起，用于在EaselJS顯示列表中繪制矢量圖形。
有兩個使用Graphics對象的方法：直接使用Graphics實例的方法，或者實例化Graphics然后通過append把它加進(jìn)一個graphics隊列。前者提煉自后者，簡化路徑、填充、描邊的開始和結(jié)束。
var g = new createjs.Graphics();
g.setStrokeStyle(1);
g.beginStroke("#000000");
g.beginFill("red");
g.drawCircle(0,0,30);
Graphics里所有繪制的方法最后都會返回此次繪制的Graphics實例，所以它們可以連起來寫（鏈?zhǔn)綄懛ǎ＠纾旅嬉恍写a可以繪制一個紅色描邊和藍(lán)色填充的矩形：
myGraphics.beginStroke("red").beginFill("blue").drawRect(20, 20, 100, 50);
每一次調(diào)用graphics api都會生成一個 command 命令對象。最后創(chuàng)建的command可以通過command訪問：
var fillCommand = myGraphics.beginFill("red").command;
// 之后更新填充顏色:
fillCommand.style = "blue";
//或者把它的填充改成一個位圖:
fillCommand.bitmap(myImage);
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/91611.html
摘要：類介紹繼承自一個形狀允許你在顯示列表中顯示矢量圖。它包含一個帶有所有繪制矢量圖形的方法的圖形實例。實例可以在多個實例之間共享，以做到一樣的矢量圖形在畫布上有多個不同位置和不同變形的復(fù)制。 類介紹 繼承自 DisplayObject 一個Shape（形狀）允許你在顯示列表中顯示矢量圖。它包含一個帶有所有繪制矢量圖形的方法的Graphics(圖形)實例。Graphics實例可以在多個Sha...
摘要：類介紹繼承自方法把此顯示對象寫進(jìn)一個新的隱藏的，然后用于接下來的繪制。緩存好的這個顯示對象，可以自由地移動旋轉(zhuǎn)漸消。 類介紹 繼承自 EventDispatcher DisplayObject is an abstract class that should not be constructed directly. Instead construct subclasses such a...
閱讀 3703·2021-11-19 09:56
閱讀 1493·2021-09-22 15:11
閱讀 1145·2019-08-30 15:55
閱讀 3388·2019-08-29 14:02
閱讀 2933·2019-08-29 11:07
閱讀 454·2019-08-28 17:52
閱讀 3184·2019-08-26 13:59
閱讀 449·2019-08-26 13:53
