Yuvarlak Köşeler

7 Cevap php

Ben neyin programlı görüntüler için yuvarlatılmış köşeler yapmak için en iyi yolu merak ediyorum. Bu PHP veya javascript kullanarak olabilir. Bir algoritma da aynı için yapacağız ve ben Image :: Magick veya GD ile kod olabilir.

Zaman ayırdığınız için teşekkür ederiz.

7 Cevap

I curvy corners veya nifty cube kullanmak istiyorum

border-radius kullanın.

Bu IE9 +, Firefox 4 +, Chrome, Safari 5 + ve Opera desteklenir.

Mümkün olan en iyi tarayıcı desteği için, -webkit- ile önek olmalı ve -moz-:

.round {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 

  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}

Eğer eski tarayıcılar için JavaScript çözüm gerekiyorsa kontrol jQuery Corner.

Peki, bu tam olarak neye ihtiyacınız bağlıdır. Eğer köşeleri şeffaf veya bazı renk dolu olmak ister misiniz? Hangi görüntü formatı?

Here is some help for making rounded corners: http://www.imagemagick.org/discourse-server/viewtopic.php?f=1&t=8401

Check it out, ve yardım etmezse, belirli bir sorun ile sorunuzu güncelleyin. Sonra biz muhtemelen :-) yardımcı olabilir:

CSS ile yukarıda söz etiketleri kullanmak, ve IE için, IE'de çalışması için bazı jquery kodu ile DDRoundies kullanabilirsiniz. Ben bu çalışma almak için ne yapmak zorunda olduğunu. Bu iyi bir örnektir http://swiftmailer.org/ sitedir. onlar bahsettiğim ne yararlanmak.

programlama almak için JavaScript kullanmak round corners

VEYA

CSS kullanarak yuvarlak köşeler elde etmek için mozilla ve safari tarayıcı eklentilerini kullanabilirsiniz ama sadece Mozilla ve Safari çalışacak

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

İşte iki PHP tabanlı çözümler için bağlantılar:

  1. Apply rounded corners to images görüntünün kendisi üzerinde yuvarlak köşe gömer bir PHP script
  2. PHP rounded corner generator script CSS konumlandırma kullanarak resmin üzerine yerleştirebilirsiniz dört köşe oluşturur - veya yuvarlak kornere ile kutuları gerektiren CSS / HTML düzenleri onları kullanabilirsiniz.

Başka bir Thumbnailer sınıftır.

etiketler