Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP]Obrócić obraz czy go ponownie wczytać- co optymalniej?, Obrót obrazu o 180 stopni
Mercel
post
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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Mercel
post
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
Go to the top of the page
+Quote Post
zegarek84
post
Post #3





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

Ostrzeżenie: (0%)
-----


Cytat(Mercel @ 31.01.2012, 21:06:20 ) *
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;
}

Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 9.10.2025 - 00:20