容器（畫布）通過HTML5視頻

Question

使用HTML5畫布時，我可以使用以下設置通過我的HTML5視頻畫布。

<video id ="video1" width="320" height="300" controls="controls" style="position:absolute; top: 10; left: 10;" > 

<canvas id="canvas3" width="320" height="240" style="position:absolute; top: 10; left: 10;" > 
</canvas> 

如何使用KineticJS做同樣的事情？我沒有看到用KinetcJS設置容器位置（畫布）的選項。

我有以下幾點：

var myStage = new Kinetic.Stage(canvas3, 100); 
     var stage = new Kinetic.Stage({ 
      container: "container", 
      width: 320, 
      height: 240 
     }); 

Answer 1

從KineticJS文檔中，Kinetic.Stage借用Kinetic.Node的setAbsolutePosition。您可以使用它來設置節點的x和y位置。

Test demo。使用WebKit控制檯查看視頻元素和畫布位於相同的位置。