diff options
| author | Venugopal Shivashankar <venugopal.shivashankar@digia.com> | 2013-02-27 16:25:16 +0100 |
|---|---|---|
| committer | Venugopal Shivashankar <venugopal.shivashankar@digia.com> | 2013-02-28 14:44:54 +0100 |
| commit | 80fab9444b177ba7ef12ec5afe29f7d819394d2b (patch) | |
| tree | cbe4d89d762be1c04e6e465d138e8c63741e5889 /canvas_tutorial/introduction.rst | |
| parent | b4eb5a477de61e67e59bc7fcc6f69ff63801c168 (diff) | |
Minor edits and configuration fixes
Task-number: QTBUG-28831
Change-Id: I6779c5e242b850ec0c77f987e149d44d2ccbdea2
Reviewed-by: Jerome Pasion <jerome.pasion@digia.com>
Diffstat (limited to 'canvas_tutorial/introduction.rst')
| -rw-r--r-- | canvas_tutorial/introduction.rst | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/canvas_tutorial/introduction.rst b/canvas_tutorial/introduction.rst index 529d391..c8239ae 100644 --- a/canvas_tutorial/introduction.rst +++ b/canvas_tutorial/introduction.rst @@ -12,13 +12,13 @@ Introduction ============ -If you want to draw custom graphics within your Qt Quick application, the :qt5-snapshot:`Qt Quick Canvas <qtquick/qml-qtquick2-canvas.html>`_ item is your choice. +If you want to draw custom graphics within your Qt Quick application, the :qt5-snapshot:`Qt Quick Canvas <qtquick/qml-qtquick2-canvas.html>` item is your choice. The Canvas type was introduced in Qt Quick 2.0 and provides an area in which you can draw using JavaScript. It uses a high-level command-set based on `the HTML5 Canvas specification <http://www.w3.org/TR/html5/the-canvas-element.html>`_. The Canvas type allows you to draw basic and complex shapes, add color, gradients, shadows, images, text, and access low-level pixel data. Using JavaScript, facilitates the presentation of dynamic content. After a brief introduction to the Canvas type, we'll develop an interactive pie chart visualization. Later in this guide, we'll see how to port existing HTML5 Canvas code to a Qt Quick 2 application. -This tutorial introduces you to the Qt Quick Canvas using example programs and is not meant to show each and every aspect of this type. A detailed description of the Canvas type and its supported rendering commands can be found in the Qt documentation pages (:qt5-snapshot:`Canvas <qtquick/qml-qtquick2-canvas.html>`_, :qt5-snapshot:`Context2D <qtquick/qml-qtquick2-context2d.html>`_). Also note that a large number of good HTML5 Canvas API tutorials are available on the internet. As the Qt Quick Canvas type is based on the HTML5 specification, these tutorials can serve as an excellent starting point to learn drawing. We have listed a few of those tutorials at `the end of this tutorial <conclusion.html>`_. We also assume that you are already familiar with Qt Quick in general, as this tutorial does refer to some the non-Canvas features. +This tutorial introduces you to the Qt Quick Canvas using example programs and is not meant to show each and every aspect of this type. A detailed description of the Canvas type and its supported rendering commands can be found in the Qt documentation pages (:qt5-snapshot:`Canvas <qtquick/qml-qtquick2-canvas.html>`, :qt5-snapshot:`Context2D <qtquick/qml-qtquick2-context2d.html>`). Also note that a large number of good HTML5 Canvas API tutorials are available on the internet. As the Qt Quick Canvas type is based on the HTML5 specification, these tutorials can serve as an excellent starting point to learn drawing. We have listed a few of those tutorials at `the end of this tutorial <conclusion.html>`. We also assume that you are already familiar with Qt Quick in general, as this tutorial does refer to some the non-Canvas features. A Basic Example |