1 /****************************************************************************
3 ** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
4 ** Contact: http://www.qt-project.org/
6 ** This file is part of the examples of the Qt Toolkit.
8 ** $QT_BEGIN_LICENSE:BSD$
9 ** You may use this file under the terms of the BSD license as follows:
11 ** "Redistribution and use in source and binary forms, with or without
12 ** modification, are permitted provided that the following conditions are
14 ** * Redistributions of source code must retain the above copyright
15 ** notice, this list of conditions and the following disclaimer.
16 ** * Redistributions in binary form must reproduce the above copyright
17 ** notice, this list of conditions and the following disclaimer in
18 ** the documentation and/or other materials provided with the
20 ** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
21 ** the names of its contributors may be used to endorse or promote
22 ** products derived from this software without specific prior written
25 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
26 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
27 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
28 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
29 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
30 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
31 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
32 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
33 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
34 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
35 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
39 ****************************************************************************/
42 import "../../shared" as Examples
45 \title QtQuick Examples - Canvas
47 \brief This is a collection of QML Canvas examples.
48 \image qml-canvas-example.png
50 This is a collection of small QML examples relating to Canvas item. Each example is
51 a small QML file emphasizing a particular element or feature.
53 Red heart demonstrates using a bezierCurve API to stroke and fill a red heart.
54 \snippet examples/quick/canvas/bezierCurve/bezierCurve.qml 0
56 Talk bubble demonstrates using a quadraticCurveTo API to stroke and fill a customized talk bubble:
57 \snippet examples/quick/canvas/quadraticCurveTo/quadraticCurveTo.qml 0
58 This example also demonstrates the fillText API:
59 \snippet examples/quick/canvas/quadraticCurveTo/quadraticCurveTo.qml 1
61 Squircle demonstrates using a collection of simple moveTo/lineTo path APIs to draw a smooth squircle.
63 Rounded rectangle demonstrates using a collection if lineTo/arcTo path APIs to draw a rounded rectangle.
65 Smile face demonstrates using several complex path APIs to draw an fill a smile face.
67 Clip demonstrates using clip API to clip a given image.
68 \snippet examples/quick/canvas/clip/clip.qml 0
70 Tiger demonstrates using SVG path API to draw a tiger with a collection of SVG path strings.
71 \snippet examples/quick/canvas/tiger/tiger.qml 0
78 Examples.LauncherList {
81 Component.onCompleted: {
82 addExample("Red heart", "Draws a red heart with bezier curves", Qt.resolvedUrl("bezierCurve/bezierCurve.qml"));
83 addExample("Talk bubble", "Draws a talk bubble with quadratic curves", Qt.resolvedUrl("quadraticCurveTo/quadraticCurveTo.qml"));
84 addExample("Squircle", "Draws a smooth squircle with simple lines", Qt.resolvedUrl("squircle/squircle.qml"));
85 addExample("Rounded rectangle", "Draws a rounded rectangle with lines and arcs", Qt.resolvedUrl("roundedrect/roundedrect.qml"));
86 addExample("Smile face", "Draws a smile face with complex paths", Qt.resolvedUrl("smile/smile.qml"));
87 addExample("Clip", "Shows the canvas clip feature", Qt.resolvedUrl("clip/clip.qml"));
88 addExample("Tiger", "Draw a tiger with a collection of SVG paths", Qt.resolvedUrl("tiger/tiger.qml"));