Easeljs (MovieClip) canvas draggable=true 不显示鬼影

Question

我有一个画布元素，其中包含由 EaselJS 促进的动画。画布元素有一个父 div 将它包裹起来，并将可拖动设置为 true。

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

可拖动事件正在工作（我最初对此有疑问，但问题在这里得到了解决：EaselJs canvas dragstart event not bubbling to parent），但是画布元素似乎没有显示“幽灵”。如果我为outer-parent 添加边框，我可以看到可拖动的移动，但在边框内什么都没有 - 它是 100% 透明的。

我检查了这是否是特定于 canvas 而不是easeljs 的问题 - 这似乎是一个easeljs 问题，因为在此示例中幽灵工作正常：http://codepen.io/anon/pen/BNVNpr。

这是一个不能与easeljs和movieclipjs一起使用的例子 http://codepen.io/anon/pen/xGzwYY http://codepen.io/anon/pen/yNEOwB（运行这个从闪存导出的脚本）

什么可能导致幽灵不显示，我怎样才能让它显示？

Answer 1

看起来这是 Chrome 中的浏览器行为。您的所有示例在 Safari 中都按预期工作，但是，在 Chrome 中，在将画布内容“丢弃”到幽灵中之前，似乎有一个最大画布大小。例如，对我来说，200x300 画布可以工作。

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

我不确定你会如何解决这个问题，因为这似乎是浏览器的限制。扩大规模是可行的，但可能并不理想。

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