js背景图片拉伸

/* 使用cover方式拉伸 */
.element {
  background-image: url('your-image.jpg');
  background-size: cover;
  background-position: center; /* 图片居中 */
  background-repeat: no-repeat; /* 禁止重复 */
}

/* 使用contain方式拉伸 */
.element {
  background-image: url('your-image.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* 使用100% 100%方式拉伸 */
.element {
  background-image: url('your-image.jpg');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

// 获取元素
var element = document.getElementById('your-element-id');

// 设置背景图片
element.style.backgroundImage = "url('your-image.jpg')";

// 设置背景图片拉伸方式
element.style.backgroundSize = 'cover'; // 或 'contain' 或 '100% 100%'
element.style.backgroundPosition = 'center';
element.style.backgroundRepeat = 'no-repeat';