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