效果

 

说明

     QML中使用画布元素(canvas element)，使用画布元素可画出各种各样的图形，同时允许脚本绘制。画布元素提供了一个依赖于分辨率的位图画布，也可以使用JavaScript脚本来绘制图形，制作游戏或者其它的动态图像。QML中的画布元素是基于HTML5的画布元素来完成的。
     画布元素的基本思想是使用一个2D对象来渲染路径。这个2D对象包括了必要的绘图函数，画布元素充当绘制的画布。

 

代码

     main.qml

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.0
import Q