在Javascript中绘制一个图像在另一个图像之上

Draw an image on top of another in Javascript

本文关键字：图像 一个 另一个 Javascript 绘制      更新时间：2023-09-26

我有一个问题，我已经能够解决一段时间了，没有运气。我有一个映像(硬件开关)，我已经禁用(关闭)开始。图像是轻的。然后，当开关开启(on)时，我需要在它上面绘制开启的开关图像。有没有人有任何代码，将绘制图像上的另一个(相同的尺寸)。我的代码总是在禁用后绘制启用，因此两者都显示。

可以使用

z - index

。如果你想把图片保留在背景中，使用

z-index:-1和前景图像z-index:1

注:在示例中使用jquery，因为您有一个jquery标记。该示例仅用于开关，而不是切换。

示例代码:

$(document).on('click', '#switch', function() {
  $('.off').css("z-index", -1);
  $('.on').css("z-index", 1);
})
样本小提琴

相关文章：