Javascript如何使对象显示在背景图像上

<div id="background"></div>

#background {
  background-image: url('背景图像的URL');
  background-size: cover; /* 背景图像大小适应元素 */
  width: 100%;
  height: 100%;
}

<canvas id="object"></canvas>

var canvas = document.getElementById('object');
var context = canvas.getContext('2d');

// 绘制对象
context.fillStyle = 'red'; // 设置对象颜色
context.fillRect(50, 50, 100, 100); // 绘制矩形对象

#object {
  position: absolute;
  top: 50px; /* 对象在背景图像上的位置 */
  left: 50px;
}