資訊專欄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方法把它緩存起來(lái)，以減少再次渲染時(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
給形狀加事件偵聽(tīng)器，不知道為什么不用jq慣用的on來(lái)命名。
cache緩存形狀
clone克隆
dispatchEvent draw getBounds getCacheDataURL getConcatenatedDisplayProps getConcatenatedMatrix getMatrix getTransformedBounds globalToLocal hasEventListener判斷是否有指定的事件偵聽(tīng)
hitTest碰撞檢測(cè)
isVisible是否正在顯示
localToGlobal坐標(biāo)轉(zhuǎn)換-從局部到全局
坐標(biāo)轉(zhuǎn)換對(duì)沒(méi)有做過(guò)游戲的人，或者沒(méi)有做過(guò)嵌套顯示物體的人來(lái)說(shuō)可能不知道用來(lái)干嘛。這有個(gè)例子：如果舞臺(tái)的坐標(biāo)系原點(diǎn)在左上角，向右和下是正，舞臺(tái)正中央又有一個(gè)小場(chǎng)景，這個(gè)小場(chǎng)景內(nèi)的物體是要跟著場(chǎng)景做變形，旋轉(zhuǎn)等操作的，所以這個(gè)小場(chǎng)景內(nèi)的物體最好是相對(duì)于小場(chǎng)景來(lái)定位，也就是說(shuō)小場(chǎng)景里面的物體都使用小場(chǎng)景的坐標(biāo)系（相當(dāng)于css中position: absolute;）。這時(shí)，如果有個(gè)需求是需要判斷鼠標(biāo)指針在哪個(gè)物體上時(shí)，就出問(wèn)題了。因?yàn)槭髽?biāo)指針的坐標(biāo)是相對(duì)于舞臺(tái)的，而物體的坐標(biāo)是相對(duì)于小場(chǎng)景的，在小場(chǎng)景中的物體坐標(biāo)即使是0,0，也不是顯示在舞臺(tái)原點(diǎn)，而是顯示在小場(chǎng)景的原點(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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/91610.html
摘要：類介紹繼承自方法把此顯示對(duì)象寫進(jìn)一個(gè)新的隱藏的，然后用于接下來(lái)的繪制。緩存好的這個(gè)顯示對(duì)象，可以自由地移動(dòng)旋轉(zhuǎn)漸消。 類介紹 繼承自 EventDispatcher DisplayObject is an abstract class that should not be constructed directly. Instead construct subclasses such a...
摘要：類介紹類公開(kāi)了一個(gè)易于使用的，用于生成矢量圖和把它們繪制到指定的內(nèi)容里的。注意，你可以不需要依賴框架，通過(guò)直接調(diào)用來(lái)使用。或者它也可以和對(duì)象一起，用于在顯示列表中繪制矢量圖形。最后創(chuàng)建的可以通過(guò)訪問(wèn)之后更新填充顏色或者把它的填充改成一個(gè)位圖 類介紹 Graphics類公開(kāi)了一個(gè)易于使用的，用于生成矢量圖和把它們繪制到指定的內(nèi)容里的API。注意，你可以不需要依賴EaselJS框架，通過(guò)直...
摘要：昨天看了老外的視頻教程，介紹了做大大節(jié)約了開(kāi)發(fā)的成本，老外用原生的和各實(shí)現(xiàn)了一遍方塊旋轉(zhuǎn)動(dòng)畫。 昨天看了老外的視頻教程，介紹了easeljs做canvas大大節(jié)約了開(kāi)發(fā)的成本，老外用原生的canvas和easeljs 各實(shí)現(xiàn)了一遍方塊旋轉(zhuǎn)動(dòng)畫。 這時(shí)的我感覺(jué)很驚訝，原來(lái)動(dòng)畫做起來(lái)并不是我想得這么復(fù)雜，于是自己用模擬easeljs也做了一個(gè)動(dòng)畫旋轉(zhuǎn)，感覺(jué)棒棒噠～ ...
閱讀 1012·2021-11-23 10:11
閱讀 3854·2021-11-16 11:50
閱讀 921·2021-10-14 09:43
閱讀 2713·2021-10-14 09:42
閱讀 2710·2021-09-22 16:02
閱讀 1056·2019-08-29 10:57
閱讀 3378·2019-08-29 10:57
閱讀 2268·2019-08-26 13:52
