Rails - Как получить одинаковый размер (разрешение) изображения с нескольких серверов с Cloudinary - PullRequest
Новая
       37

Rails - Как получить одинаковый размер (разрешение) изображения с нескольких серверов с Cloudinary

0 голосов
/ 10 декабря 2018

У меня есть результат поиска на странице поиска в моем приложении, у каждого результата есть изображение с внешнего URL.

Что я ищу: имеют одинаковый размер для каждогоизображения и поместите каждый в систему сетки Bootstrap. 

<%= cl_image_tag product.link, :gravity=>"auto:0", :crop=>"scale", class: "img-responsive" %>

HTML render: 

<img src="https:site.com.image.jpg?sw=1920&amp;sh=950&amp;sm=fit">

Изображения никогда не имеют одинаковый формат, например:

  • 1920 x 950 px
  • 1080 x 1514 px
  • 1860 x 2790 px

Я использую систему сетки Bootstrap, поэтому изображения должны помещаться в div.col-xs-3 сеточная система.

Результаты моих тестов выглядят ужасно, никогда не дают одинаковый формат, качество устарело ... Я пытался изменить размер из Cloudinary с помощью помощника cl_image_tag, но этовсегда некрасиво.

Большое спасибо

1 Ответ

0 голосов
/ 10 декабря 2018

Пробовали ли вы выполнить 3 шага здесь: https://cloudinary.com/documentation/responsive_images#automating_responsive_images_with_javascript

После добавления библиотеки (cloudinary-core-shrinkwrap.js) вы можете просто использовать ширину автоматически.например: cl_image_tag ("smiling_man.jpg",: width =>: auto,: crop =>: scale,: responseive =>: true,: respive_placeholder => "blank")

...