1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90
|
// Copyright (C) 2021 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
import QtQuick.Shapes
Rectangle {
color: "lightGray"
width: 256
height: 256
Shape {
width: 200
height: 150
anchors.centerIn: parent
ShapePath {
strokeWidth: 4
strokeColor: "red"
fillGradient: LinearGradient {
x1: 20
y1: 20
x2: 180
y2: 130
GradientStop {
position: 0
color: "blue"
}
GradientStop {
position: 0.2
color: "green"
}
GradientStop {
position: 0.4
color: "red"
}
GradientStop {
position: 0.6
color: "yellow"
}
GradientStop {
position: 1
color: "cyan"
}
}
fillColor: "blue" // ignored with the gradient set
strokeStyle: ShapePath.DashLine
dashPattern: [ 1, 4 ]
startX: 20
startY: 20
PathLine {
x: 180
y: 130
}
PathLine {
x: 20
y: 130
}
PathLine {
x: 20
y: 20
}
}
transform: Rotation {
origin.x: 100
origin.y: 50
axis {
x: 0
y: 1
z: 0
}
SequentialAnimation on angle {
NumberAnimation {
from: 0
to: 75
duration: 2000
}
NumberAnimation {
from: 75
to: -75
duration: 4000
}
NumberAnimation {
from: -75
to: 0
duration: 2000
}
loops: Animation.Infinite
}
}
}
}
|