QML 绘图

import QtQuick 2.6

import QtQuick.Window 2.2

Window {

visible: true

width: 640

height: 480

title: qsTr( "Hello World")

// Image {

// anchors.fill: parent;

// id: img;

// source: "qrc:/login.png";

// }

Canvas {

id: mycanvas;

property bool isFirst: true;

property string drawImg: "qrc:/login.png";

anchors.fill: parent;

onPaint: {

var ctx = getContext( "2d");

// if(isFirst)

// {

// ctx.drawImage(drawImg, 0, 0);

// isFirst = false;

// }

ctx.lineWidth = 4;

ctx.strokeStyle = "black";

ctx.beginPath();

ctx.moveTo( mos.startPosition.x, mos.startPosition.y);

ctx.lineTo( mos.endPosition.x, mos.endPosition.y );

console.log( mos.startPosition.x, mos.startPosition.y, mos.endPosition.x, mos.endPosition.y)

ctx.stroke();

mos.startPosition = mos.endPosition;

}

}

MouseArea

{

id: mos;

anchors.fill: parent;

property point startPosition;

property point endPosition;

property bool isRease: true;

onPressed:

{

startPosition = Qt.point( mouse.x, mouse.y);

}

onPositionChanged:

{

console.log( "-----------");

endPosition = Qt.point( mouse.x, mouse.y);

mycanvas.requestPaint();

}

}

}