2

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
        });
4

1 に答える 1

1

KineticJS のドキュメントから、 はfrom をKinetic.Stage借用します。これを使用して、ノードの x および y 位置を設定できます。setAbsolutePositionKinetic.Node

テストデモ。WebKit コンソールを使用して、ビデオ要素とキャンバスが同じ場所にあることを確認します。

于 2012-10-30T16:23:23.100 に答える