指南针：如何获取自动生成的精灵的位置

【问题标题】：compass: how to get the position of a autogenerated sprite指南针：如何获取自动生成的精灵的位置
【发布时间】：2014-01-19 19:28:18
【问题描述】：

我正在加载并生成我的精灵：

@import "map/*.png";
@include all-map-sprites;

然后我尝试使用 sprite-position 方法获取位置：

background-position: sprite-position($map, icon-name);

这会引发以下错误：

未定义变量：“$map”。

是否有任何自动分配的变量，如 $map 或 $map-sprite？

提前致谢

【问题讨论】：

【解决方案1】：

试试这个：

@import "map/*.png";
@include all-map-sprites;

$map: sprite-map("map/*.png");
background-position: sprite-position($map, icon-name);

@TomRoggero 提出了一个更短的变体：

@import "map/*.png";
@include all-map-sprites;

background-position: sprite-position($map-sprites, icon-name);

【讨论】：

错误答案。您应该使用 background-position: sprite-position($map-sprites, name) 而不是 $map 并且您不需要执行 $map 定义
嗯，答案没有错：它可以像您的变体一样完成工作。您的变体只是短了一行，而且速度稍微快了一点。我已将您的建议添加到答案中。