Easeljs（MovieClip）canvas draggable = true不顯示幻影圖像

Question

我有一個canvas元素，其中包含EaselJS促進的動畫。 canvas元素有一個父div，將其draggable設置為true來包裝它。

<div class="outer-parent" draggable="true">
  <div class="inner-parent">
   <canvas></canvas>
  </div>
</div>

draggable事件正在工作（我最初對此有問題，但問題已在此處解決： EaselJs canvas dragstart事件未冒泡到parent ），但是canvas元素似乎未顯示“ ghost”。 如果我outer-parent添加邊框，則可以看到可拖動的移動，但是在邊框內沒有任何東西-它是100％透明的。

我檢查了一下這是否是畫布特有的問題，而不是easyljs的問題-它似乎是一個easyljs的問題，因為在此示例中幽靈工作正常： http ://codepen.io/anon/pen/BNVNpr。

這是一個示例，不適用於easyljs和movieclipjs http://codepen.io/anon/pen/xGzwYY http://codepen.io/anon/pen/yNEOwB （運行從Flash導出的此腳本）

是什么導致幽靈不顯示？如何顯示它？

Answer 1

看來這是Chrome中的瀏覽器行為。 您的所有示例都可以在Safari中正常工作，但是，在Chrome中似乎有一個最大的畫布大小，才能“刪除”畫布中的內容。 例如，對我來說，一張200x300畫布作品。

http://codepen.io/anon/pen/pJKNEq

我不確定您如何解決此問題，因為這似乎是瀏覽器的限制。 擴大規模是可行的，但可能並不理想。

http://codepen.io/anon/pen/yNEVaZ