66 lines
1.6 KiB
QML
66 lines
1.6 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import Qt5Compat.GraphicalEffects
|
|
|
|
Item{
|
|
id:control
|
|
property var radius:[0,0,0,0]
|
|
default property alias contentItem: container.data
|
|
|
|
Item{
|
|
id:container
|
|
width: control.width
|
|
height: control.height
|
|
opacity: 0
|
|
}
|
|
|
|
onWidthChanged: {
|
|
canvas.requestPaint()
|
|
}
|
|
|
|
onHeightChanged: {
|
|
canvas.requestPaint()
|
|
}
|
|
|
|
onRadiusChanged: {
|
|
canvas.requestPaint()
|
|
}
|
|
|
|
Canvas {
|
|
id: canvas
|
|
anchors.fill: parent
|
|
visible: false
|
|
onPaint: {
|
|
var ctx = getContext("2d");
|
|
var x = 0;
|
|
var y = 0;
|
|
var w = control.width;
|
|
var h = control.height;
|
|
ctx.setTransform(1, 0, 0, 1, 0, 0);
|
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
ctx.save();
|
|
ctx.beginPath();
|
|
ctx.moveTo(x + radius[0], y);
|
|
ctx.lineTo(x + w - radius[1], y);
|
|
ctx.arcTo(x + w, y, x + w, y + radius[1], radius[1]);
|
|
ctx.lineTo(x + w, y + h - radius[2]);
|
|
ctx.arcTo(x + w, y + h, x + w - radius[2], y + h, radius[2]);
|
|
ctx.lineTo(x + radius[3], y + h);
|
|
ctx.arcTo(x, y + h, x, y + h - radius[3], radius[3]);
|
|
ctx.lineTo(x, y + radius[0]);
|
|
ctx.arcTo(x, y, x + radius[0], y, radius[0]);
|
|
ctx.closePath();
|
|
ctx.fillStyle = control.color;
|
|
ctx.fill();
|
|
ctx.restore();
|
|
}
|
|
}
|
|
|
|
OpacityMask {
|
|
anchors.fill: container
|
|
source: container
|
|
maskSource: canvas
|
|
}
|
|
|
|
}
|