指南针 - 雪碧图像缩放

我使用指南针创建Sencha Touch网络应用程序。去了inline-url，但是我的图片很大，所以我希望将它们移动到一个sprite中（并重新使用背景大小）。指南针 - 雪碧图像缩放

目前我的内联图像可以缩放，因为它们是单个文件。精灵有创建精灵时产生的位置。当您使用背景大小更改精灵大小时，还需要更改位置。

是否可以抓住精灵的索引？然后，我可以说，如果我希望它是background-size: 50px和index is 3然后将新的背景位置是0 150px;

无法看到哪里指南针商店任何东西，或得到每个项目的索引的精灵。我的图片以'A'开始，所以是文件夹中的第一个，在我的SCSS中首先引用，但它的索引是3，所以我不知道如何解决这个问题。

来源

2012-10-05 Dominic Watson

难道你不能在精灵中使用图像的原始位置，并调整它与你用来调整背景大小的相同因子吗？ – glortho

我发现这一点，这让我莫名其妙： https://gist.github.com/3410875

我使用它是这样的：如果

$logo-spacing: 20px; 
@import "logo/*.png"; 
@include all-logo-sprites; 

.logo-brand { 
    $spriteName: brand; 
    $percentage: 40; 

    @include resize-sprite($logo-sprites, $spriteName, $percentage); 
}

不知道这是虽然回答你的问题。

来源

2013-01-03 05:14:30 escapedcat

您能详细说明解决方案的用途吗？谢谢 – cwiggo

@cwiggo看看[在此]（http://stackoverflow.com/questions/14135256/how-to-create-a-sprite-from-a-folder-with-and-without-background-size-使用-COM）。这是我来自的地方。我想重复使用现有的精灵贴图来显示缩小的品牌标识。所以我不需要两个精灵地图。 – escapedcat

指南针 - 雪碧图像缩放

回答

相关问题