如何使用Javascript访问spritesheet中的精灵？

我有一个脚本，它使用了5种不同大小的徽标。徽标的大小在计算“我的容器”的比率后自动选择。但现在它使用这种尺寸作为框架。我不想用一个有5张图片的文件夹，而是想知道是否有机会在精灵表中抓住logo的位置

现在，我使用以下方法获取徽标大小：

var logotype = document.getElementById (name);
    console.log(logotype);
    if (logoTest){
        logotype.src = "logo/guides/logophase_0" + logoFrame + "guide.png";
    } else {
        logotype.src = "logo/logophase_0" + logoFrame + ".png";
    }

---

与此相反，我想知道是否有一种方法可以使用如下内容：

logotype.src=“logo/logophase.png”

而不是

logonframe=1

或

2

，类似于

logonframe=document.getElementById（'frame1'）。style.backgroundPosition=（'0-620px'）
否，不能将
与精灵一起使用。5张不同的图片有什么问题？没什么问题，但我想知道是否有机会使用精灵来代替多张图片。