我如何獲得一個JS ID作爲網站的背景頁面？

我有這樣的代碼在js文件，讓我流的圖像：我如何獲得一個JS ID作爲網站的背景頁面？

//Image streamaing! 
function onMessage2(evt) { 
    $("#image").attr('src', 'data:image/jpg;base64,'+evt.data); 
}

我然後在矩形顯示它在HTML像這樣：

<div class="row" style="margin-left:0px; margin-right:0px"> 
<img id="image" src=""> 
<canvas id="canvas"></canvas> 
</div>

我的問題是我需要將流顯示在畫布的背景中，因此我可以捕獲鼠標/觸摸輸入以進行我需要的其他工作。

我試過切換順序（畫布第一次然後圖像），但後來我得到的是一個大的空白屏幕。

來源

2016-07-07 newguy

請看這裏如何將圖像繪製到畫布上：http://stackoverflow.com/questions/4773966/drawing-an-image-from-a-data-url-to-a-canvas – Marc

給家長的孩子的相對位置和絕對位置，然後帆布將覆蓋IMG ：

.row{position: relative;} 
.row img, .row canvas{position:absolute; top:0; left:0;} 

<div class="row" style="margin-left:0px; margin-right:0px"> 
<img id="image" src=""> 
<canvas id="canvas"></canvas> 
</div>

來源

2016-07-07 11:09:07

我會把IMG畫布內。將寬度和高度設置爲100％，以便佔據畫布中的所有空間，然後將其位置固定，並將它的z-index設置爲-1，以便它不在流中並位於背景中。這裏的CSS代碼：

#image { 
position:fixed; 
z-index:-1; 
width:100%; 
height:100%; 
}

不要忘了把img放在畫布上。

來源

2016-07-07 11:10:31

謝謝！它完美調整了流的大小:) – newguy

怎麼樣使用使得它作爲背景圖片的CSS

<div id="main">

$("#main").css("background- image", "url(url of image)");

對不起格式化我獲得了來自移動寫入，但您可能會得到的想法

來源

2016-07-07 11:18:39

我如何獲得一個JS ID作爲網站的背景頁面？

回答

相關問題