html5 - HTML5视频上的容器( Canvas )

当使用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
        });

最佳答案

从KineticJS文档中，Kinetic.Stage借用了setAbsolutePosition中的Kinetic.Node。可以使用它设置节点的x和y位置。
Test demo。使用WebKit控制台查看视频元素和画布是否位于同一位置。

关于html5 - HTML5视频上的容器( Canvas )，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13072965/