Javascript 如何查看png图像的x和y值I'；你导入到vs代码了吗？

我正在遵循一个教程，其中有一个用于所有不同精灵的图像

const sprite = new Image();
sprite.src = "img/sprite.png";

然后，当需要在画布上绘制图像时，我应该从该图像中提取片段来渲染我想要看到的图片。从png中获取x和y值并渲染所需内容

const startBtn = {
    x : 120,
    y : 263,
    w : 83,
    h : 29
}

如何获得这些x和y值？是否有一个扩展可以实现类似的功能？

您所说的“我已导入vs代码”是什么意思？“导入”可能不是最好的词。我的项目中只有一个png文件。如何从png图像中获取x和y值，并精确裁剪图像的某些部分？