|
Вывод квадратной картинки в макет в виде круглой |
☑ |
0
altfin
19.04.23
✎
13:33
|
Есть картинка, квадратная. Как-то можно вывести картинку в макет, но круглую (обрезав квадрат)?
|
|
1
lodger
19.04.23
✎
13:42
|
(0) емнип, силами 1с - нет. редактора картинок просто не предложено.
можно попробовать поверх квадратной картинки вывести белый квадрат с прозрачным кругом.
|
|
2
RomanYS
19.04.23
✎
13:45
|
(0) картинки только прямоугольные. Можно играть прозрачным фоном (вне нужного круга)
|
|
3
Мультук
19.04.23
✎
13:47
|
(0)
Гуглим по словам:
1с png прозрачный фон
|
|
4
altfin
19.04.23
✎
14:02
|
(3) Средствами 1С имел в виду. Изображения каждый раз разные, из них надо получить круг в макете.
|
|
5
RomanYS
19.04.23
✎
14:13
|
(4) А что вокруг круга будет. В теории можно попробовать наоборот: сверху наложить картинку ещё одну с круглым прозрачным фоном.
Но постановка в любом случае выглядит странно, цель-то какая?
|
|
6
altfin
19.04.23
✎
14:25
|
Цель, к примеру есть загруженные фотки товара, а в макет надо вывести их круглыми
|
|
7
RomanYS
19.04.23
✎
14:39
|
(6) Получится убого, обрежется х. пойми как. Но если заказчик сам себе дизайнер и готов это оплатить то можно поиграться с (5). Но ничего хорошего не ждите
|
|
8
Lama12
19.04.23
✎
14:39
|
(6) Загружайте круглые картинки.
Если хотите средствами 1С картинки округлять, то всегда есть возможность работы с бинарными файлами.
|
|
9
VladZ
19.04.23
✎
14:39
|
(6) Зачем круглыми?
|
|
10
lodger
19.04.23
✎
14:40
|
(5) дизигнер покусал, и теперь учётная система должна делать красиво.
хотя казалось бы, CSS? https://www.w3schools.com/howto/howto_css_rounded_images.asp
|
|
11
Волшебник
19.04.23
✎
14:43
|
(0) Наложите SVG-маску на картинку как описано здесь:
https://yoksel.github.io/css-and-svg-masks/
<!-- Маска с сочетанием градиентов и фигур -->
<mask id="masking" maskUnits="objectBoundingBox">
<circle cx=".5" cy=".5" r=".3" fill="white" />
...
</mask>
|
|
12
altfin
19.04.23
✎
19:52
|
Спасибо, поиграемся
|
|
13
Волшебник
19.04.23
✎
22:23
|
(12) Отпишитесь в этой ветке, что получилось
|
|