資訊專欄INFORMATION COLUMN
摘要：類介紹繼承自一個(gè)形狀允許你在顯示列表中顯示矢量圖。它包含一個(gè)帶有所有繪制矢量圖形的方法的圖形實(shí)例。實(shí)例可以在多個(gè)實(shí)例之間共享，以做到一樣的矢量圖形在畫布上有多個(gè)不同位置和不同變形的復(fù)制。
類介紹
繼承自 DisplayObject
一個(gè)Shape（形狀）允許你在顯示列表中顯示矢量圖。它包含一個(gè)帶有所有繪制矢量圖形的方法的Graphics(圖形)實(shí)例。Graphics實(shí)例可以在多個(gè)Shape實(shí)例之間共享，以做到一樣的矢量圖形在畫布上有多個(gè)不同位置和不同變形的復(fù)制。
如果這個(gè)矢量圖在之后的繪制中不會(huì)改變樣子，你可以使用cache方法把它緩存起來，以減少再次渲染時(shí)的性能花銷。
代碼例子：
var graphics = new createjs.Graphics().beginFill("#ff0000").drawRect(0, 0, 100, 100);
var shape = new createjs.Shape(graphics);
//也可以使用Shape的graphics屬性繪制出與上面一樣的效果
var shape = new createjs.Shape();
shape.graphics.beginFill("#ff0000").drawRect(0, 0, 100, 100);
方法
addEventListener
給形狀加事件偵聽器，不知道為什么不用jq慣用的on來命名。
cache緩存形狀
clone克隆
dispatchEvent draw getBounds getCacheDataURL getConcatenatedDisplayProps getConcatenatedMatrix getMatrix getTransformedBounds globalToLocal hasEventListener判斷是否有指定的事件偵聽
hitTest碰撞檢測
isVisible是否正在顯示
localToGlobal坐標(biāo)轉(zhuǎn)換-從局部到全局
坐標(biāo)轉(zhuǎn)換對沒有做過游戲的人，或者沒有做過嵌套顯示物體的人來說可能不知道用來干嘛。這有個(gè)例子：如果舞臺的坐標(biāo)系原點(diǎn)在左上角，向右和下是正，舞臺正中央又有一個(gè)小場景，這個(gè)小場景內(nèi)的物體是要跟著場景做變形，旋轉(zhuǎn)等操作的，所以這個(gè)小場景內(nèi)的物體最好是相對于小場景來定位，也就是說小場景里面的物體都使用小場景的坐標(biāo)系（相當(dāng)于css中position: absolute;）。這時(shí)，如果有個(gè)需求是需要判斷鼠標(biāo)指針在哪個(gè)物體上時(shí)，就出問題了。因?yàn)槭髽?biāo)指針的坐標(biāo)是相對于舞臺的，而物體的坐標(biāo)是相對于小場景的，在小場景中的物體坐標(biāo)即使是0,0，也不是顯示在舞臺原點(diǎn)，而是顯示在小場景的原點(diǎn)，這時(shí)候就要用到坐標(biāo)轉(zhuǎn)換了。
坐標(biāo)轉(zhuǎn)換-從局部到局部
off on removeAllEventListeners removeEventListener set setBounds setTransform toString uncache updateCache updateContext willTrigger文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/91610.html
摘要：類介紹繼承自方法把此顯示對象寫進(jìn)一個(gè)新的隱藏的，然后用于接下來的繪制。緩存好的這個(gè)顯示對象，可以自由地移動(dòng)旋轉(zhuǎn)漸消。 類介紹 繼承自 EventDispatcher DisplayObject is an abstract class that should not be constructed directly. Instead construct subclasses such a...
摘要：類介紹類公開了一個(gè)易于使用的，用于生成矢量圖和把它們繪制到指定的內(nèi)容里的。注意，你可以不需要依賴框架，通過直接調(diào)用來使用?；蛘咚部梢院蛯ο笠黄?，用于在顯示列表中繪制矢量圖形。最后創(chuàng)建的可以通過訪問之后更新填充顏色或者把它的填充改成一個(gè)位圖 類介紹 Graphics類公開了一個(gè)易于使用的，用于生成矢量圖和把它們繪制到指定的內(nèi)容里的API。注意，你可以不需要依賴EaselJS框架，通過直...
摘要：昨天看了老外的視頻教程，介紹了做大大節(jié)約了開發(fā)的成本，老外用原生的和各實(shí)現(xiàn)了一遍方塊旋轉(zhuǎn)動(dòng)畫。 昨天看了老外的視頻教程，介紹了easeljs做canvas大大節(jié)約了開發(fā)的成本，老外用原生的canvas和easeljs 各實(shí)現(xiàn)了一遍方塊旋轉(zhuǎn)動(dòng)畫。 這時(shí)的我感覺很驚訝，原來動(dòng)畫做起來并不是我想得這么復(fù)雜，于是自己用模擬easeljs也做了一個(gè)動(dòng)畫旋轉(zhuǎn)，感覺棒棒噠～ ...
閱讀 1132·2021-11-23 10:11
閱讀 3978·2021-11-16 11:50
閱讀 1042·2021-10-14 09:43
閱讀 2793·2021-10-14 09:42
閱讀 2880·2021-09-22 16:02
閱讀 1198·2019-08-29 10:57
閱讀 3449·2019-08-29 10:57
閱讀 2376·2019-08-26 13:52
