如何在Shadow DOM中使用canvas框架？

Question

我使用聚合物创建自己的可重用HTML元素。我希望能够在Shadow DOM中使用JavaScript canvas框架（理想的是fabric.js），但是因为Shadow DOM中的元素不是真正的元素，所以我尝试的所有框架都不是真的知道如何处理它们。

举个例子，我有一个Polymer元素的模板是

 <template>

   <div id="canvas" width="200" height="50"></div>

 </template>

如果这是普通的HTML，我可以使用new fabric.Canvas('canvas')创建一个支持Fabric的画布。但是我在＆＃34; ready＆＃34;功能，但它失败了（说位置属性不存在）。我也尝试过与KineticJS类似的结果。