图像来之后

我想提出一个网页，并使用帆布。所以在身体的一部分我正在做这样的事情：图像来之后

<body> 

<canvas id="myCanvas" width="1300" height="1150"> 

</canvas> 

<img src="arbit.png" width ="1000" height="1000" /> 

</body>

，但图像加载后的画布空间，在画布上绘制是出现在图像上方。

有人可以告诉我最新的问题？

编辑：

对不起错误帧的问题..

我想重叠画布和图像....

来源

2010-11-25 sam

请选择你的标签更好的未来。。这是HTML5/Canvas问题，与JavaScript无关。 – 2010-11-25 11:37:26

的<img>元素是的<canvas>元素之后，这是为什么图像在（下方）画布之后显示。

来源

2010-11-25 11:24:40 Greg

我希望画布与图像重叠我应该怎么做.. – sam 2010-11-25 11:27:00

使用CSS，您需要包装这两个元素，然后将img放置在画布上。不知道这将如何工作，虽然。 – 2010-11-25 11:29:00

你尝试：

<body> 
    <canvas id="myCanvas" width="1300" height="1150"> 
     <img src="arbit.png" width ="1000" height="1000" /> 
    </canvas> 
</body>

来源

2010-11-25 11:33:40 Tom

明白了。

您需要使用一些CSS定位来使两个元素重叠。

退房this JsBin我只是敲了起来看看它在行动

标记：

<body> 

<div class="wrapper"> 
    <canvas id="myCanvas" width="250" height="250"></canvas> 

    <img src="http://dummyimage.com/50x50/000/fff" alt="test" width ="50" height="50" /> 

</div> 
</body>

的CSS：

.wrapper { 
    position:relative; 
    } 

    .wrapper canvas { 
    border:1px solid red; 
    position:absolute; 
    z-index:1; 
    } 

    .wrapper img { 
    position:absolute; 
    top:0px; 
    left:20px; 
    z-index;2; 
    }

来源

2010-11-25 11:40:25

回答

相关问题