在html视频上定位舞台/图层

Question

我有一个HTML5视频和一个Kinetic舞台/图层（画布）。 我希望将舞台/图层直接放在视频上，因为我打算创建形状。 阶段始终默认为浏览器的0,0位置。如何在某个x，y位置直接在视频上设置舞台/图层的位置。 我尝试使用stage.setAbsolutePosition（56,75），但它不起作用。

感谢高级。

Answer 1

使用一些CSS定位您的KinectJS舞台容器和视频容器：

虚构的HTML和CSS的非常粗略的例子：

<div class="viewport">
   <div id="videoContainer">...</div>
   <div id="kineticContainer">...</div>
 </div>

.viewport {
  position: relative;
}

#kineticContainer {
   ...
   background-color: transparent;
   position: absolute;
   x: 56px;
   y: 75px;
   z-index: 2;//or whatever this needs to be
   ...
}