摘要:類介紹類公開了一個易于使用的,用于生成矢量圖和把它們繪制到指定的內容里的。注意,你可以不需要依賴框架,通過直接調用來使用。或者它也可以和對象一起,用于在顯示列表中繪制矢量圖形。最后創建的可以通過訪問之后更新填充顏色或者把它的填充改成一個位圖
類介紹
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);
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/91611.html
摘要:類介紹繼承自一個形狀允許你在顯示列表中顯示矢量圖。它包含一個帶有所有繪制矢量圖形的方法的圖形實例。實例可以在多個實例之間共享,以做到一樣的矢量圖形在畫布上有多個不同位置和不同變形的復制。 類介紹 繼承自 DisplayObject 一個Shape(形狀)允許你在顯示列表中顯示矢量圖。它包含一個帶有所有繪制矢量圖形的方法的Graphics(圖形)實例。Graphics實例可以在多個Sha...
摘要:類介紹繼承自方法把此顯示對象寫進一個新的隱藏的,然后用于接下來的繪制。緩存好的這個顯示對象,可以自由地移動旋轉漸消。 類介紹 繼承自 EventDispatcher DisplayObject is an abstract class that should not be constructed directly. Instead construct subclasses such a...
閱讀 3688·2021-11-19 09:56
閱讀 1468·2021-09-22 15:11
閱讀 1127·2019-08-30 15:55
閱讀 3371·2019-08-29 14:02
閱讀 2911·2019-08-29 11:07
閱讀 433·2019-08-28 17:52
閱讀 3172·2019-08-26 13:59
閱讀 436·2019-08-26 13:53