Question

我正在尝试构建一个使用KineticJS重叠另一个元素的应用程序。理想情况下，后台应用程序可能只是另一个带有照片的div或者像Google Maps一样复杂的东西。

我想要完成的是一个概念证明，我可以基本上有一个KineticJS画布与另一个元素重叠，并允许它与另一个元素重叠，但所有输入仅直接转到KineticJS对象。

有什么想法吗？

Answer 1

<强> HTML：

<div id="wrapper">
    <canvas id="canvasBottom" width=300 height=200></canvas>
    <div id="container" width=300 height=200></canvas>
</div>

CSS将Kinetic容器div直接放在画布元素上

#wrapper{
    position:relative;
    width:300px;
    height:200px;
}
#canvasBottom, #container{
    position:absolute; top:0px; left:0px;
    width:100%;
    height:100%;
}

JS使用容器div

var stage = new Kinetic.Stage({
    container: 'container',
    width: 300,
    height: 200
});

kineticjs帆布重叠另一个画布

1 个答案: