feat: add image component with radius control

2025-04-12 11:39:12 -07:00
parent 1e4f3ff3da
commit 13a5936b37
3 changed files with 46 additions and 0 deletions
@@ -0,0 +1,37 @@
+import QtQuick
+import QtQuick.Effects
+
+Item {
+  property alias source: sourceItem.source
+  property alias fillMode: sourceItem.fillMode
+  property alias radius: rect.radius
+
+  Image {
+    id: sourceItem
+    anchors.fill: parent
+    visible: false
+  }
+
+  MultiEffect {
+    source: sourceItem
+    anchors.fill: sourceItem
+    maskEnabled: true
+    maskSource: mask
+  }
+
+  Item {
+    id: mask
+    width: sourceItem.width
+    height: sourceItem.height
+    layer.enabled: true
+    visible: false
+
+    Rectangle {
+      id: rect
+      width: sourceItem.width
+      height: sourceItem.height
+      radius: 10
+      color: "black"
+    }
+  }
+}