Контейнер (холст) поверх видео HTML5

При использовании холста 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? Я не вижу возможности установить положение контейнера (холста) с помощью KinecJS.

У меня есть следующее:

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

person Pat    schedule 25.10.2012    source источник


Ответы (1)


Из документации KineticJS Kinetic.Stage заимствует setAbsolutePosition от Kinetic.Node. Вы можете использовать это, чтобы установить позиции x и y узла.

Тестовая демонстрация. Используйте консоль WebKit, чтобы убедиться, что элемент видео и холст находятся в одном месте.

person Some Guy    schedule 30.10.2012