Zmień kolor tła obrazu podczas kadrowania


14

Czy można zmienić kolor czarnego tła na inny kolor (np. Biały) podczas przycinania obrazu, który jest mniejszy niż rozmiar przycięcia?

Korzystam z ustawień „stylów obrazu” w Drupal 7, aby najpierw przeskalować obraz do właściwej szerokości, a następnie przyciąć, aby uzyskać pożądaną wysokość. Powoduje to, że niektóre obrazy mają czarne obramowania, które naprawdę nie wyglądają ładnie (a klient nie lubi).

Wszelkie inne sugestie dotyczące rozwiązania tego problemu będą mile widziane.

Odpowiedzi:


23

Możesz spróbować z modułem Działania ImageCache . Włącz moduł Imagecache Canvas Actions dostarczany z działaniami ImageCache, a następnie zmień kolejność efektów stylu, aby:

  1. Skala
  2. Zdefiniuj płótno (ustaw kolor i wymiary skali)
  3. Przyciąć

Nazwa zmieniła się na „Moduł efektów graficznych” w Drupal 8 (zobacz inne odpowiedzi)
koleś

3

W przypadku Drupal 8 użyjesz modułu Efekty obrazu . Zapewni to dodatkowe opcje dla twoich „stylów obrazu” Drupala. Najbardziej skutecznym sposobem, jaki udało mi się to zrobić, jest stworzenie stylu obrazu z następującymi efektami:

  • Skaluj szerokość lub wysokość.
  • Ustaw płótno - Dokładny rozmiar. Podaj szerokość i wysokość ostatecznego stylu obrazu i podaj obraz tła. Domyślnie jest przezroczysty, więc odznacz to i podaj własny kolor.
  • Przytnij do rozmiaru (szerokość i wysokość zastosowane na płótnie powyżej).

Obraz dołączony do przykładu z czerwonym płótnem wprowadź opis zdjęcia tutaj


1

Te dwa moduły mogą spełnić Twoje wymagania.

Moduł zestawu efektów wizualnych .

Zestaw efektów obrazu zawiera niektóre efekty obrazu, które można zastosować w stylach obrazu. Obejmuje następujące efekty:

  • Efekt granicy
  • Efekt zaokrąglonego rogu
  • Efekt padding
  • Efekt znaku wodnego
  • Efekt zmiany rozmiaru
  • Efekt nakładki
  • Filtruj efekt

moduł efektów obrazu .

Zmień rozmiar obrazu do dokładnego zestawu wymiarów bez przycinania, rozciągania ani zmniejszania, ale w razie potrzeby doda białe tło.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.