我如何获得一个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作为网站的背景页面？

回答

相关问题