如何让 JS ID 成为网站的背景页面

How do i get a JS ID to be the background page of a website?

本文关键字：网站 背景 JS ID      更新时间：2023-09-26

我在.js文件中有以下代码，允许我流式传输图像：

//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>

我遇到的问题是我需要在画布的背景中显示流，以便我可以捕获鼠标/触摸输入以进行我需要的其他工作。

我

尝试切换顺序（首先是画布，然后是图像），但随后我得到的只是一个大的空白屏幕。

给父级的相对位置和子项的绝对位置，然后画布将覆盖 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>

我会把img放在画布里。将宽度和高度设置为 100%，以便占用画布中的所有空间，然后将其位置设置为固定，将 z 索引设置为 -1，使其远离流程并位于后台。这是 css 代码：

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

并且不要忘记将 img 放在画布中。

使用 css 将其制作为背景图像怎么样

<div id="main">


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

很抱歉格式化我用手机写的，但你可能会知道

相关文章：