QML картинка в виде окружности.

[Вячеслав]

Доброе время форумчане.

Прошу подсказать или направить в нужное русло.

есть картинка (прямоугольная)
как сделать так чтобы она превратилась в окружности.

вопрос наверно тривиальный, но я не нашел как это сделать.

Заранее спасибо.

[kuzulis]

Картинка - никак. Фотошопом.
Rectangle - задать радиусы закругления.

[Igors]

есть картинка (прямоугольная)
как сделать так чтобы она превратилась в окружности.

Нужно просто "обрезать края" или деформировать картинку? Не знаю "чудесных средств" чтобы сделать сделать это автоматом, но и то и другое написать несложно,

[Вячеслав]

наверно неправильно выразился.

есть картинка она прямоугольная.
я ее хочу воткнуть в Rectangle (с округленными углами)

если картинку втыкаю в Rectangle - то картинка отображается все равно в своем изначальном положении.

пока вышел из положения при помощи OpacityMask

но хотелось бы без OpacityMask, т.к. Rectangle - может менять размер и надо чтобы картинка так же была внутри этого Rectangle с обрезом

[Отражение луны]

OpacityMask - единственное верное решение.
Вы можете указать загругленный Rectangle как maskSource, и тогда все у Вас будет рисоваться и ресайзаться как надо.

Код:

Rectangle {
        id: background
        anchors.fill: parent
        radius: 3
    }
...
    Image {
        id: photoImage
        anchors.fill: parent
        fillMode: Image.PreserveAspectCrop
        asynchronous: true
        smooth: true
        source: "file:///some.jpg"
        visible: false
    }

    OpacityMask {
        id: roundedPhoto
        anchors.fill: background
        source: photoImage
        maskSource: background
        visible: (photoImage.status==Image.Ready)
    }

[carrygun]

наверно неправильно выразился.

есть картинка она прямоугольная.
я ее хочу воткнуть в Rectangle (с округленными углами)

если картинку втыкаю в Rectangle - то картинка отображается все равно в своем изначальном положении.

пока вышел из положения при помощи OpacityMask

но хотелось бы без OpacityMask, т.к. Rectangle - может менять размер и надо чтобы картинка так же была внутри этого Rectangle с обрезом

Сделать у Rectangle clip: true?

[BuRn]

наверно неправильно выразился.

есть картинка она прямоугольная.
я ее хочу воткнуть в Rectangle (с округленными углами)

если картинку втыкаю в Rectangle - то картинка отображается все равно в своем изначальном положении.

пока вышел из положения при помощи OpacityMask

но хотелось бы без OpacityMask, т.к. Rectangle - может менять размер и надо чтобы картинка так же была внутри этого Rectangle с обрезом

Сделать у Rectangle clip: true?

Оно не режет картинки к сожалению, тут либо самому картинку изменять в плюсах, либо использовать то, что предложил Komorebi. Но имхо оно начинает жестко проседать если картинок много, я бы рекомендовал через imageProvider самому закруглять картинку

[Вячеслав]

Спасибо Komorebi.

Работает так как надо, я не думал что можно в качестве маски передавать Rectangle/

Еще раз СПАСИБО.