2010-11-15 67 views
0

所以我使用php旋轉圖像並使背景透明。問題是我得到鋸齒狀的邊緣。有沒有什麼辦法可以像反鋸齒邊緣一樣?使用php進行圖像旋轉後,我得到鋸齒狀的邊緣

我使用http://www.exorithm.com/algorithm/view/rotate_image_alpha這是唯一的代碼,我能找到,將讓我有透明度的背景

+0

你現在用什麼方法旋轉?你可以發佈你的代碼嗎? – 2010-11-15 19:19:26

+0

你能舉一些例子嗎? – 2010-11-15 20:48:52

回答

0

我沒有通過PHP的旋轉產生的鋸齒的解決方案,但是....

你還沒有說你與旋轉後的影像做什麼,一旦他們被旋轉了?你只是在網站上顯示它們嗎?

如果這就是你所做的一切,我建議你考慮讓瀏覽器使用CSS爲你做旋轉。

下面的樣式表的代碼將與所有當前的瀏覽器(包括舊版本的IE)工作:

.tilted { 
    transform: rotate(45deg); /* CSS3 (for when it gets supported) */ 
    -ms-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); /* FF3.5+ */ 
    -o-transform: rotate(45deg); /* Opera 10.5 */ 
    -webkit-transform: rotate(45deg); /* Saf3.1+, Chrome */ 
    font-weight:bold; 
    filter: progid\:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */ 
} 

(這是一個45度傾斜;隨意修改爲其他的角度,但你必須自己重新計算IE6/7/8濾波器的弧度!)。您可能需要進行其他調整才能使其自行工作,例如設置高度和寬度等,但所有其他CSS樣式都應該繼續正常工作。

現在你不需要讓PHP做好工作;瀏覽器可以做到這一點。更好的是,因爲它在瀏覽器中,所以你可以做一些事情,比如用Javascript改變旋轉方式。

+0

非常感謝你! CSS樣式很好。爲什麼PHP必須如此困難? – Chris 2010-11-16 19:53:49

+1

要公平,大多數人認爲CSS輪換很困難! ;) – Spudley 2010-11-16 19:59:23

+0

大聲笑嘿,我可以在哪裏閱讀這樣的東西?我去了w3schools.com學習CSS,我不記得在那裏看到過這樣的事情嗎? – Chris 2010-11-16 20:15:14

0

我猜測其蹩腳的Internet Explorer。當我製作jQuery文字幻燈片時,我遇到了問題,最後我使用JPEG淡入淡出。