Thay đổi màu nền hình ảnh khi cắt


14

Có thể thay đổi màu nền đen sang màu khác (ví dụ như màu trắng) khi cắt ảnh nhỏ hơn kích thước crop?

Tôi đang sử dụng cài đặt "kiểu hình ảnh" trong Drupal 7 để trước tiên chia tỷ lệ hình ảnh theo đúng chiều rộng và sau đó cắt xén để có được chiều cao mong muốn. Điều này dẫn đến một số hình ảnh có viền đen trông rất đẹp (và khách hàng không thích).

Bất kỳ đề xuất khác để sửa lỗi này sẽ được đánh giá cao.

Câu trả lời:


23

Bạn có thể thử với mô-đun Hành động ImageCache . Bật mô-đun Hành động Canvas của Imagecache được cung cấp cùng với Hành động ImageCache và thay đổi thứ tự hiệu ứng kiểu của bạn thành:

  1. Tỉ lệ
  2. Xác định khung vẽ (đặt kích thước màu và tỷ lệ của bạn)
  3. Mùa vụ

Tên được đổi thành "Mô-đun hiệu ứng hình ảnh" trong Drupal 8 (xem các câu trả lời khác)
anh chàng

3

Đối với Drupal 8, bạn sẽ sử dụng mô-đun Hiệu ứng hình ảnh . Điều này sẽ cung cấp các tùy chọn bổ sung cho "kiểu hình ảnh" Drupal của bạn. Cách hiệu quả nhất mà tôi đã tìm thấy để làm điều này là tạo một kiểu ảnh với các hiệu ứng sau:

  • Tỷ lệ chiều rộng hoặc chiều cao.
  • Đặt canvas - Kích thước chính xác. Cung cấp cho nó chiều rộng và chiều cao của phong cách hình ảnh cuối cùng và cung cấp một hình ảnh nền. Nó mặc định trong suốt để bỏ chọn và cung cấp màu của riêng bạn.
  • Cắt theo kích thước (chiều rộng và chiều cao bạn áp dụng cho khung vẽ ở trên).

Hình ảnh của một ví dụ với một khung vẽ màu đỏ nhập mô tả hình ảnh ở đây


1

Hai mô-đun có thể đáp ứng yêu cầu của bạn.

Mô-đun bộ hiệu ứng hình ảnh .

Bộ hiệu ứng hình ảnh cung cấp một số hiệu ứng hình ảnh được sử dụng trên một kiểu hình ảnh. Nó bao gồm các hiệu ứng sau:

  • Hiệu ứng biên giới
  • Hiệu ứng góc tròn
  • Hiệu ứng đệm
  • Hiệu ứng hình mờ
  • Hiệu ứng thay đổi kích thước
  • Hiệu ứng lớp phủ
  • Hiệu ứng lọc

mô-đun hiệu ứng hình ảnh .

Thay đổi kích thước hình ảnh thành một tập hợp kích thước chính xác mà không cần cắt, kéo dài hoặc thu nhỏ, nhưng sẽ thêm nền trắng nếu cần.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.