3 files changed, 35 insertions, 9 deletions
diff --git a/src/quick/doc/snippets/pointerHandlers/images/album-cover.jpg b/src/quick/doc/snippets/pointerHandlers/images/album-cover.jpg
new file mode 100644
index 0000000000..48bd6231ba
--- /dev/null
+++ b/src/quick/doc/snippets/pointerHandlers/images/album-cover.jpg
diff --git a/src/quick/doc/snippets/pointerHandlers/pinchHandlerNullTarget.qml b/src/quick/doc/snippets/pointerHandlers/pinchHandlerNullTarget.qml
index f844ce9c98..6884e39e6a 100644
--- a/src/quick/doc/snippets/pointerHandlers/pinchHandlerNullTarget.qml
+++ b/src/quick/doc/snippets/pointerHandlers/pinchHandlerNullTarget.qml
@@ -1,22 +1,31 @@
 // Copyright (C) 2017 The Qt Company Ltd.
 // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
 //![0]
-import QtQuick 2.12
+import QtQuick
 
-Item {
-    width: 640
-    height: 480
+Window {
+    width: 320; height: 240
+    visible: true
+    title: handler.persistentRotation.toFixed(1) + "° " +
+           handler.persistentTranslation.x.toFixed(1) + ", " +
+           handler.persistentTranslation.y.toFixed(1) + " " +
+           (handler.persistentScale * 100).toFixed(1) + "%"
 
     PinchHandler {
         id: handler
         target: null
+        persistentScale: 0.25
+        onTranslationChanged: (delta) => {
+            image.x -= delta.x
+            image.y -= delta.y
+        }
     }
 
-    Text {
-        color: handler.active ? "darkgreen" : "black"
-        text: handler.rotation.toFixed(1) + " degrees\n" +
-              handler.translation.x.toFixed(1) + ", " + handler.translation.y.toFixed(1) + "\n" +
-              (handler.scale * 100).toFixed(1) + "%"
+    Image {
+        id: image
+        source: "images/album-cover.jpg"
+        scale: handler.persistentScale
+        x: -600; y: -450
     }
 }
 //![0]
diff --git a/src/quick/doc/snippets/pointerHandlers/pinchHandlerScaleOrRotationChanged.qml b/src/quick/doc/snippets/pointerHandlers/pinchHandlerScaleOrRotationChanged.qml
new file mode 100644
index 0000000000..3baa93eb7c
--- /dev/null
+++ b/src/quick/doc/snippets/pointerHandlers/pinchHandlerScaleOrRotationChanged.qml
@@ -0,0 +1,17 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+//![0]
+import QtQuick
+
+Rectangle {
+    width: 100; height: 100
+    color: "lightsteelblue"
+
+    PinchHandler {
+        id: handler
+        target: null
+        onRotationChanged: (delta) => parent.rotation += delta // add
+        onScaleChanged: (delta) => parent.scale *= delta // multiply
+    }
+}
+//![0]