Работа с изображением в поле типа контейнер
-
- Сообщения: 7
- Зарегистрирован: 11 сен 2017, 12:34
- Откуда: Углич
Работа с изображением в поле типа контейнер
Доброго времени суток.
Хотел поинтересоваться. Появилась такая необходимость использования иконок овальной формы. То есть в поле типа контейнер можно делать овальным, но изображение остается той формы, которой было изначально только изменяется его размер по размеру контейнера. Пробовал использовать наложение по верх контейнера овала с тенью цвета фона, а сам овал прозрачный. Таким образом получилось добиться результата в FormView, но при использовании в записях или в строке портала, поле когда становится активным нужно чтобы оно меняло цвет, но цвет тени овала не меняется поэтому его тень видно. Есть ли какие аналогичные способы? Может быть есть какие то плагины, которые меняют размер и форму изображения при загрузке или еще что нибудь. Спасибо.
Хотел поинтересоваться. Появилась такая необходимость использования иконок овальной формы. То есть в поле типа контейнер можно делать овальным, но изображение остается той формы, которой было изначально только изменяется его размер по размеру контейнера. Пробовал использовать наложение по верх контейнера овала с тенью цвета фона, а сам овал прозрачный. Таким образом получилось добиться результата в FormView, но при использовании в записях или в строке портала, поле когда становится активным нужно чтобы оно меняло цвет, но цвет тени овала не меняется поэтому его тень видно. Есть ли какие аналогичные способы? Может быть есть какие то плагины, которые меняют размер и форму изображения при загрузке или еще что нибудь. Спасибо.
- Вложения
-
- пример.PNG (10.77 КБ) 12798 просмотров
-
- Сообщения: 338
- Зарегистрирован: 11 сен 2017, 13:42
- Откуда: Санкт-Петербург
Re: Работа с изображением в поле типа контейнер
условным форматированием можно добиться, чтобы заливка контейнера менялась вместе со строкой в портале и в списке
Re: Работа с изображением в поле типа контейнер
Хорошо бы, чтобы фон был прозрачный (ФМ прозрачность понимает) в PNG и в PDF файлах.
Если же изображения заранее не обрабатываются, и фон удалить нельзя (вставляются пользователем).
Также есть техника использования слайдов:
- Создаете slide
- Кладете на него контейнер
- Значениями координат подгоняете его размер (чтобы было красиво контейнер должен быть больше слайда, так что мышкой не получится)
- Делаете слайд круглым, устанавливая значение скругления углов в максимум (100)
Фактически у вас получится круглая маска на контейнере
Если же изображения заранее не обрабатываются, и фон удалить нельзя (вставляются пользователем).
Также есть техника использования слайдов:
- Создаете slide
- Кладете на него контейнер
- Значениями координат подгоняете его размер (чтобы было красиво контейнер должен быть больше слайда, так что мышкой не получится)
- Делаете слайд круглым, устанавливая значение скругления углов в максимум (100)
Фактически у вас получится круглая маска на контейнере
-
- Сообщения: 7
- Зарегистрирован: 11 сен 2017, 12:34
- Откуда: Углич
Re: Работа с изображением в поле типа контейнер
Условное форматирование контейнера не помогает, т. к. если я его делаю то тень от овала все равно остается видна. Не контейнер, а тень овала, которым я пытался сгладить углы у контейнера, тем самым округлить изображение находящееся в контейнере. На тень овала не поставить условное форматирование.
Проблема в том, что если я помещаю слайдер в портал вместе с контейнером, то он не встает в него, а если по отдельности втавлять либо слайдер в портал, либо контейнер, то работает. Да, мышкой поправить не получается координаты выставлять приходится вручную... но если это использовать вне портала, то работает. Спасибо за советы
Последний раз редактировалось Vladimir Zharov 08 окт 2017, 21:26, всего редактировалось 1 раз.
Re: Работа с изображением в поле типа контейнер
слайдер нельзя вставить в портал, как и табы
Я думал вы list view используете.
тогда, наверное, лучшим решением было бы обрезать картинку по кругу. Готовых плагинов я, которые бы такое делали я не знаю. Я бы стал смотреть в сторону ScriptMaster, и нашел бы подобную функцию на Java - в интернете уверен полно примеров на этот счет.
Я думал вы list view используете.
тогда, наверное, лучшим решением было бы обрезать картинку по кругу. Готовых плагинов я, которые бы такое делали я не знаю. Я бы стал смотреть в сторону ScriptMaster, и нашел бы подобную функцию на Java - в интернете уверен полно примеров на этот счет.
-
- Сообщения: 7
- Зарегистрирован: 11 сен 2017, 12:34
- Откуда: Углич
Re: Работа с изображением в поле типа контейнер
Хорошо, спасибо за совет. Буду искать
-
- Сообщения: 338
- Зарегистрирован: 11 сен 2017, 13:42
- Откуда: Санкт-Петербург
Re: Работа с изображением в поле типа контейнер
Владимир, зачем нужно скруглять картинку "овалом"?
ведь контейнер сам по себе прекрасно закругляется
ведь контейнер сам по себе прекрасно закругляется
-
- Сообщения: 338
- Зарегистрирован: 11 сен 2017, 13:42
- Откуда: Санкт-Петербург
Re: Работа с изображением в поле типа контейнер
Можно нарисовать несколько разных овалов разного цвета и скрывать не нужные по определенному условию
-
- Сообщения: 7
- Зарегистрирован: 11 сен 2017, 12:34
- Откуда: Углич
Re: Работа с изображением в поле типа контейнер
Спасибо) Работает)
Re: Работа с изображением в поле типа контейнер
Андрей,
Контейнер скрепляется прекрасно. Но изображение в нем масштабируется как изображение в круге - это не тоже самое, что обрезать. Попробуйте вставить квадратное изображение с не белым фоном в скругленный контейнер - получатся некрасивые белые углы.ведь контейнер сам по себе прекрасно закругляется