摘要:類介紹繼承自方法把此顯示對象寫進一個新的隱藏的,然后用于接下來的繪制。緩存好的這個顯示對象,可以自由地移動旋轉漸消。
類介紹
繼承自 EventDispatcher
DisplayObject is an abstract class that should not be constructed directly. Instead construct subclasses such as Container, Bitmap, and Shape. DisplayObject is the base class for all display classes in the EaselJS library. It defines the core properties and methods that are shared between all display objects, such as transformation properties (x, y, scaleX, scaleY, etc), caching, and mouse handlers.
方法 cache (x,y,width,height[,scale=1])Defined in cache:749
把此顯示對象寫進一個新的隱藏的canvas,然后用于接下來的繪制。此顯示對象可能有多個child,也可能有多個濾鏡,stage每次update需要繪制這個對象的時候都會重新繪制所有child和濾鏡,因此可以用這個緩存起來,下次直接把它放上畫布速度就快了。緩存好的這個顯示對象,可以自由地移動、旋轉、漸消(faded)。然而,如果它的內容發生變化,你必須手動調用updateCache() 或者重新使用 cache()。你必須通過x, y, w, 和 h參數,指定緩存的區域,這里指定的矩形區域會被渲染和緩存,且使用的是這個對象的坐標系。
例如如果你定義了一個形狀,而且在形狀里0,0位置畫一個半徑25的圓形:
var shape = new createjs.Shape(); shape.graphics.beginFill("#ff0000").drawCircle(0, 0, 25); myShape.cache(-25, -25, 50, 50);
參數:
x Number
需要緩存的區域的x值(此區域指的是此對象本身的區域,坐標系是此對象本身的)
y Number
需要緩存的區域的y值(此區域指的是此對象本身的區域,坐標系是此對象本身的)
width Number
需要緩存的區域寬度(此區域指的是此對象本身的區域)
height Number
需要緩存的區域高度(此區域指的是此對象本身的區域).
[scale=1] Number optional
緩存的scale會自動創建。例如使用myShape.cache(0,0,100,100,2)緩存一個矢量形狀,然后得出的緩存canvas會是200x200 px。這個可以讓你更保真地放大和旋轉緩存元素。默認是1。
注意1:濾鏡要在緩存之前指定。一些濾鏡(例如 BlurFilter)和scale一起使用是不會產生效果的。(這一點是官方翻譯過來的,應該是指注意3中提到的問題吧)
注意2:通常,最終的緩存canvas的面積是widthscale乘以heightscale,然而一些濾鏡(例如 BlurFilter)會給原對象添加寬度(可以看到使用過BlurFilter的矩形,邊緣已經不是一條線了,而是擴展出一些像素出去了的),所以緩存時的寬度注意加上這些擴展出來的。怎么獲取BlurFilter擴展出的像素
注意3:注意:width和height兩個參數,對于已經用scale改變過形狀大小的對象來說,應該填它原來的寬度,而不是改變大小后的寬度,比如一個矩形原始寬度是100px,設置了scaleX=0.5,填這個值時,應該填100,而不是50?。ㄟ@是我理解了之后加的,官方并沒有這樣說,而且似乎只有加了BlurFilter的對象才會這樣,我現在在進行實際開發,不能做實驗,晚些有空再做實驗吧。)
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/78605.html
摘要:定義于,表示只有這個對象才有這個事件。加入版本,表示從這個版本起才加入這個事件,老版本沒有這個事件。這是目前唯一非點擊的鼠標輸入事件。這事件在拖拽和類似的需求里很有用。這個事件一定要啟用。 文章說明:為了方便我自己查找easeljs的所有事件,所以我從easeljs的文檔里抄過來加上自己的翻譯,會慢慢補全,漏了的,錯了的,評論一下我會補上去哦。(不確定翻譯對不對的地方我會留著原文。) ...
摘要:類介紹繼承自一個對象繪制一個在顯示列表中的圖像,或者視頻。帶有的會用跨源數據感染,從而阻止交互性。你可以在把圖像傳給前在圖像上設置標識繞過它,例如構造函數參數要顯示的圖像的資源對象,或者是它的。 類介紹 繼承自 DisplayObject A Bitmap represents an Image, Canvas, or Video in the display list. A Bitm...
摘要:類介紹繼承自一個形狀允許你在顯示列表中顯示矢量圖。它包含一個帶有所有繪制矢量圖形的方法的圖形實例。實例可以在多個實例之間共享,以做到一樣的矢量圖形在畫布上有多個不同位置和不同變形的復制。 類介紹 繼承自 DisplayObject 一個Shape(形狀)允許你在顯示列表中顯示矢量圖。它包含一個帶有所有繪制矢量圖形的方法的Graphics(圖形)實例。Graphics實例可以在多個Sha...
摘要:原文從零到一,擼一個在線斗地主上篇作者背景朋友來深圳玩,若說到在深圳有什么好玩的,那當然是宅在家里斗地主了可是天算不如人算,撲克牌丟了幾張不全大熱天的,誰愿意出去買牌啊。 原文:從零到一,擼一個在線斗地主(上篇) | AlloyTeam作者:TAT.vorshen 背景:朋友來深圳玩,若說到在深圳有什么好玩的,那當然是宅在家里斗地主了!可是天算不如人算,撲克牌丟了幾張不全……大熱天的,...
閱讀 2287·2021-11-10 11:35
閱讀 899·2021-09-26 09:55
閱讀 2388·2021-09-22 15:22
閱讀 2318·2021-09-22 15:17
閱讀 3683·2021-09-09 09:33
閱讀 1821·2019-08-30 11:22
閱讀 970·2019-08-30 10:57
閱讀 641·2019-08-29 16:10