![]() |
![]() |
![]() ![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 12 Pomógł: 0 Dołączył: 21.08.2010 Ostrzeżenie: (0%) ![]() ![]() |
Witam
Potrzebuję wykorzystać na stronie obrazek o wymiarach 1008x138 pikseli. Obrazek ma być wykorzystany 2 razy, raz normalnie a drugi raz obrócony o 180 stopni. Zastanawiam się co jest optymalniejsze, wczytywanie obrazu 2 razy czy jego obrót w php? Dodam, że obrazek jest elementem strony głównej. Ten post edytował Mercel 31.01.2012, 16:28:24 |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 12 Pomógł: 0 Dołączył: 21.08.2010 Ostrzeżenie: (0%) ![]() ![]() |
Dzięki by_ikar za cenną informację, gdyż nie wiedziałem o takich możliwościach w css, ale jednak skorzystam z rady seba123. Generator bardzo fajnie przekształca obrazy jednak działa dopiero od IE9. Jeżeli chodzi o javascript to nie mam z tym dużego doświadczenia, tym bardziej że też działa dopiero od IE9, a wcześniejsze wersje IE działają używając innej techniki rysowania.
Ten post edytował Mercel 31.01.2012, 21:06:55 |
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 1 332 Pomógł: 294 Dołączył: 12.10.2008 Skąd: Olkusz Ostrzeżenie: (0%) ![]() ![]() |
Dzięki by_ikar za cenną informację, gdyż nie wiedziałem o takich możliwościach w css, ale jednak skorzystam z rady seba123. Generator bardzo fajnie przekształca obrazy jednak działa dopiero od IE9. ten generator nic Ci nie przekształca tylko generuje kod CSS ;p w starszych IE też obrazek można obrócić, jedna z moich funkcji z less (a więc "generator css"): Kod .rotate(@iDegrees) { -moz-transform: ~"rotate(@{iDegrees}deg)"; -o-transform: ~"rotate(@{iDegrees}deg)"; -webkit-transform: ~"rotate(@{iDegrees}deg)"; -ms-transform: ~"rotate(@{iDegrees}deg)"; transform: ~"rotate(@{iDegrees}deg)"; // IE <= 8 @deg2radians: 3.1416 * 2 / 360; @rad: @iDegrees * @deg2radians; -ms-filter: ~"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=`Math.cos(@{rad})`, M12=-`Math.sin(@{rad})`, M21=`Math.sin(@{rad})`, M22=`Math.cos(@{rad})`)"; filter: ~"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=`Math.cos(@{rad})`, M12=-`Math.sin(@{rad})`, M21=`Math.sin(@{rad})`, M22=`Math.cos(@{rad})`)"; zoom: 1; } |
|
|
![]() ![]() |
![]() |
Aktualny czas: 9.10.2025 - 00:20 |