2013-07-29 2 views
0

У меня есть линейное искусство, анимированный прозрачный gif на странице, сделанный в Photoshop.Как масштабировать изображение и кепп толщины линий?

#img01{ 
    max-width:79%; 
    max-height:79%; 
    margin-top:3vh; 
} 

На небольшом экране (мобильный) толщина линий слишком тонкая, а на экранах более 1024 пикселей линии слишком толстые? Есть ли способ масштабирования только размера изображения и сохранения толщины рисунка?

+1

Вы не можете динамически изменять толщину линий внутри GIF с помощью CSS (или любой другой tech) без создания нового изображения. –

+0

@JoanCharmant, но мне нужно, что вы говорите: НЕ менять динамику линий. – bonaca

+0

(Сохранение одинаковой толщины при изменении размера всего изображения подобно изменению толщины изображения: невозможно). Если это разумно, вы можете создать несколько анимированных GIF заранее для нескольких выбранных стандартных дисплеев и выбрать правильный GIF на основе пользовательского агента или чего-то еще. –

ответ

2

GIF - это формат изображения на основе растра. Невозможно красиво (и автоматически) изменить изображение, подобное этому. То, что вы ищете, это векторный формат изображения/анимации.

Есть два очевидных кандидатов для этого:

  • флэш
  • SVG (Scalable Vector Graphics)
+1

Забудьте Flash на мобильном телефоне. Перейти к SVG http://caniuse.com/svg – Adrian

+0

Анимированный SVG может быть не очень переносимым ... –

Смежные вопросы