Закругленные углы

Question

Мне интересно, как лучше всего программно сделать закругленные углы для изображений. Это может быть либо с использованием PHP или JavaScript. Алгоритм также подойдет для того же, и я могу кодировать его с помощью Image :: Magick или GD.

Спасибо за ваше время.

Answer 1

Использование border-radius.

Поддерживается в IE9 +, Firefox 4+, Chrome, Safari 5+ и Opera.

Для лучшей поддержки браузера вы должны использовать префикс -webkit- и -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; 
}

Если вам нужно решение JavaScript для старых браузеров, посмотрите jQuery Corner .

Answer 2

Вот ссылки для двух PHP решений:

1. Применение закругленных углов к изображениям - это скрипт PHP, который встраивает закругленный угол в само изображение
2. PHP генератор скриптов с закругленными углами генерирует четыре угла, которые вы можете разместить над своим изображением с помощью CSS-позиционирования - или вы можете использовать их в ваших макетах CSS / HTML, для которых требуются поля с закругленным углом.

Answer 3

Вы можете использовать упомянутые выше теги с CSS, а для IE используйте DDRoundies с некоторым кодом jquery, чтобы он работал в IE. Это то, что я должен был сделать, чтобы это заработало. Хорошим примером этого является http://swiftmailer.org/ сайт. они используют то, что я упомянул.

Answer 4

Я бы использовал соблазнительные углы или изящный куб

Answer 5

используйте JavaScript для программного получения круглых углов

OR

Вы можете использовать расширения браузера Mozilla и Safaris для обхода углов, используя CSS, но это будет работать только в Mozilla и Safari

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

Answer 6

Ну, это зависит от того, что именно вам нужно. Вы хотите, чтобы углы были прозрачными или заполнялись каким-то цветом? Какой формат изображения?

Вот некоторая помощь для создания закругленных углов: http://www.imagemagick.org/discourse-server/viewtopic.php?f=1&t=8401

Проверьте это, и если это не поможет, обновите ваш вопрос с конкретной проблемой. Тогда мы, вероятно, можем помочь: -):

Answer 7

Еще один класс Thumbnailer .