qiurui
/
qtdeclarative
mirror of https://github.com/qt/qtdeclarative.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
qtdeclarative/examples/quick/vectorimage/Heart.qml

57 lines
2.8 KiB
QML
Raw Normal View History

Example for VectorImage This introduces a small example of VectorImage and other ways to display SVG content in a Qt Quick application. Its purpose is to document the available APIs for this and explain what their differences are. The heart.svg is a public domain, no-attribution image which is also used in other examples and manual tests in Qt. Pick-to: 6.8.0 6.8 Change-Id: I457ffc01d7ea286a157a4a5bff0571098b852cef Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io>
2024-08-29 13:20:35 +00:00
// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
// Generated from SVG file heart.svg
import QtQuick
Update svgtoqml generated examples The svgtoqml tool has been updated, so we need to update its generated files as well. Pick-to: 6.10 Change-Id: Ie58653c35e99e0c1119a9bf64d803371d31261e5 Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io> Reviewed-by: Hatem ElKharashy <hatem.elkharashy@qt.io>
2025-08-07 10:22:13 +00:00
import QtQuick.VectorImage
import QtQuick.VectorImage.Helpers
Example for VectorImage This introduces a small example of VectorImage and other ways to display SVG content in a Qt Quick application. Its purpose is to document the available APIs for this and explain what their differences are. The heart.svg is a public domain, no-attribution image which is also used in other examples and manual tests in Qt. Pick-to: 6.8.0 6.8 Change-Id: I457ffc01d7ea286a157a4a5bff0571098b852cef Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io>
2024-08-29 13:20:35 +00:00
import QtQuick.Shapes
Item {
implicitWidth: 595
implicitHeight: 841
Update svgtoqml generated examples The svgtoqml tool has been updated, so we need to update its generated files as well. Pick-to: 6.10 Change-Id: Ie58653c35e99e0c1119a9bf64d803371d31261e5 Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io> Reviewed-by: Hatem ElKharashy <hatem.elkharashy@qt.io>
2025-08-07 10:22:13 +00:00
component AnimationsInfo : QtObject
{
property bool paused: false
property int loops: 1
signal restart()
}
property AnimationsInfo animations : AnimationsInfo {}
Example for VectorImage This introduces a small example of VectorImage and other ways to display SVG content in a Qt Quick application. Its purpose is to document the available APIs for this and explain what their differences are. The heart.svg is a public domain, no-attribution image which is also used in other examples and manual tests in Qt. Pick-to: 6.8.0 6.8 Change-Id: I457ffc01d7ea286a157a4a5bff0571098b852cef Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io>
2024-08-29 13:20:35 +00:00
transform: [
Translate { x: -100; y: -200 },
Scale { xScale: width / 550; yScale: height / 550 }
]
Update svgtoqml generated examples The svgtoqml tool has been updated, so we need to update its generated files as well. Pick-to: 6.10 Change-Id: Ie58653c35e99e0c1119a9bf64d803371d31261e5 Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io> Reviewed-by: Hatem ElKharashy <hatem.elkharashy@qt.io>
2025-08-07 10:22:13 +00:00
objectName: "svg1"
id: _qt_node0
Example for VectorImage This introduces a small example of VectorImage and other ways to display SVG content in a Qt Quick application. Its purpose is to document the available APIs for this and explain what their differences are. The heart.svg is a public domain, no-attribution image which is also used in other examples and manual tests in Qt. Pick-to: 6.8.0 6.8 Change-Id: I457ffc01d7ea286a157a4a5bff0571098b852cef Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io>
2024-08-29 13:20:35 +00:00
Shape {
preferredRendererType: Shape.CurveRenderer
objectName: "layer1"
Update svgtoqml generated examples The svgtoqml tool has been updated, so we need to update its generated files as well. Pick-to: 6.10 Change-Id: Ie58653c35e99e0c1119a9bf64d803371d31261e5 Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io> Reviewed-by: Hatem ElKharashy <hatem.elkharashy@qt.io>
2025-08-07 10:22:13 +00:00
id: _qt_node1
transform: TransformGroup {
id: _qt_node1_transform_base_group
Matrix4x4 { id: _qt_node1_transform_base; matrix: PlanarTransform.fromAffineMatrix(1, 0, 0, 1, 0, 30)}
}
Example for VectorImage This introduces a small example of VectorImage and other ways to display SVG content in a Qt Quick application. Its purpose is to document the available APIs for this and explain what their differences are. The heart.svg is a public domain, no-attribution image which is also used in other examples and manual tests in Qt. Pick-to: 6.8.0 6.8 Change-Id: I457ffc01d7ea286a157a4a5bff0571098b852cef Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io>
2024-08-29 13:20:35 +00:00
ShapePath {
Update svgtoqml generated examples The svgtoqml tool has been updated, so we need to update its generated files as well. Pick-to: 6.10 Change-Id: Ie58653c35e99e0c1119a9bf64d803371d31261e5 Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io> Reviewed-by: Hatem ElKharashy <hatem.elkharashy@qt.io>
2025-08-07 10:22:13 +00:00
id: _qt_shapePath_0
Example for VectorImage This introduces a small example of VectorImage and other ways to display SVG content in a Qt Quick application. Its purpose is to document the available APIs for this and explain what their differences are. The heart.svg is a public domain, no-attribution image which is also used in other examples and manual tests in Qt. Pick-to: 6.8.0 6.8 Change-Id: I457ffc01d7ea286a157a4a5bff0571098b852cef Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io>
2024-08-29 13:20:35 +00:00
objectName: "svg_path:path7"
strokeColor: "#ff000000"
strokeWidth: 18.7
capStyle: ShapePath.FlatCap
joinStyle: ShapePath.MiterJoin
miterLimit: 4
fillColor: "#ffe60000"
fillRule: ShapePath.WindingFill
pathHints: ShapePath.PathQuadratic | ShapePath.PathNonIntersecting | ShapePath.PathNonOverlappingControlPointTriangles
PathSvg { path: "M 263.416 235.146 Q 213.736 235.146 178.576 270.306 Q 143.416 305.466 143.416 355.146 Q 143.416 410.953 176.932 457.224 Q 197.525 485.653 256.465 537.292 Q 336.471 607.388 371.978 658.454 Q 406.412 606.394 488.235 533.861 Q 546.507 482.205 567.035 454.113 Q 600.541 408.26 600.541 355.146 Q 600.541 305.466 565.381 270.306 Q 530.221 235.146 480.541 235.146 Q 445.065 235.146 415.427 254.433 Q 386.595 273.195 371.978 304.333 Q 357.361 273.195 328.53 254.433 Q 298.891 235.146 263.416 235.146 " }
}
ShapePath {
Update svgtoqml generated examples The svgtoqml tool has been updated, so we need to update its generated files as well. Pick-to: 6.10 Change-Id: Ie58653c35e99e0c1119a9bf64d803371d31261e5 Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io> Reviewed-by: Hatem ElKharashy <hatem.elkharashy@qt.io>
2025-08-07 10:22:13 +00:00
id: _qt_shapePath_1
Example for VectorImage This introduces a small example of VectorImage and other ways to display SVG content in a Qt Quick application. Its purpose is to document the available APIs for this and explain what their differences are. The heart.svg is a public domain, no-attribution image which is also used in other examples and manual tests in Qt. Pick-to: 6.8.0 6.8 Change-Id: I457ffc01d7ea286a157a4a5bff0571098b852cef Reviewed-by: Eirik Aavitsland <eirik.aavitsland@qt.io>
2024-08-29 13:20:35 +00:00
objectName: "svg_path:path220"
strokeColor: "transparent"
fillColor: "#a5e6e6e6"
fillRule: ShapePath.WindingFill
pathHints: ShapePath.PathQuadratic | ShapePath.PathNonIntersecting | ShapePath.PathNonOverlappingControlPointTriangles
PathSvg { path: "M 265 253.594 Q 221.53 253.594 190.765 284.359 Q 160 315.124 160 358.594 Q 160 407.427 189.325 447.919 Q 207.343 472.798 258.912 517.988 Q 293.908 548.655 319.172 575.158 Q 331.804 588.409 342.003 600.62 Q 352.202 612.83 359.969 624 Q 360.944 622.526 354.226 613.042 Q 347.508 603.558 333.097 586.064 Q 276.548 517.421 248.274 465.553 Q 220 413.686 220 378.594 Q 220 335.124 250.765 304.359 Q 281.53 273.594 325 273.594 Q 325.27 273.594 325.802 273.625 Q 326.266 273.653 326.5 273.656 Q 298.956 253.594 265 253.594 " }
}
}
}