17
Я хочу знать, как найти Поместите картинку (координаты) при использовании спрайта изображения для укладки.как найти положение пикселя изображения от спрайтов изображения
A
ответ
44
Другой, более простой способ сделать это через этот сайт под названием Sprite Cow. Я просто попробовал это недавно, и это ускоряет работу.
+0
Спасибо, мэм, это очень полезно. Если вы не хотите устанавливать какое-либо программное обеспечение для редактирования изображений, это хорошая альтернатива. – vanzylv
+0
ДА! Sprite Cow - отличный инструмент для спрайтов, который я видел. – Slobaum
+0
удивительный инструмент человек.спасибо за долю –
0
Используйте графическую программу редактирования, такую как Gimp/Photoshop, и записывайте координаты/положение вниз, когда вы пишете CSS.
+3
Говорить «Вы только должны знать ответ уже» не очень полезно. – Slobaum
+4
Sprite Cow должен быть ответом на этот вопрос (ниже) –
3
Вы можете использовать tool like this и получить фоновые позиции значков в спрайте.
Необходимо сначала загрузить свое изображение, а затем выбрать значок из спрайта. CSS будет создан, просто скопируйте созданный CSS и используйте его в своем классе.
Другие варианты
Вам нужно, чтобы открыть изображение в графическом редакторе, как Photoshop. Оттуда вы можете найти положение X и Y в любом месте изображения. Обратите внимание, что left, top - 0,0. Получите положение x и y и используйте вот так:
background-position: -310px -123px;
Обратите внимание на знак «-» перед координатами X и Y.
Старт с
фона положение: 1px 1px;
Используйте Firebug для изменения значений на лету. Методом проб и ошибок вы можете найти точную позицию.
+0
MS-краска с инструментом выделения, курсор показывает выбранные позиции и выбранные размеры - Пример: x 266 y 3, тогда background-position: -266px -3px – Jay
-3
попробуйте этот пример, помог мне, когда я попробовал спрайт материал в первый раз.
<style type="text/css">
#avocado{
width: 104px;
height: 95px;
background: url(http://2.bp.blogspot.com/-gwRqiyz9X8k/VM0vhBscDsI/AAAAAAAACVA/hITMUs6BjOg/s1600/foods-that-are-toxic-to-dogs.jpg) -110px -121px;
}
</style>+2
Я не думаю, что это отвечает на вопрос о том, как найти пиксель должность. –
0
Я нашел один удивительный онлайн-инструмент для создания Sprite код изображения CSS.
Ссылка: http://GetSpriteXY.com/
Это поможет вам в генерации изображения Pixel. Очень полезно для меня.
Можете ли вы сделать это более ясным, вы хотите найти специальные позиции программным путем? или просто позиции для добавления в css? в этом случае, как насчет измерения? методом проб и ошибок? – markus