removing the canvas and trying a shape

This commit is contained in:
Chris Cochrun 2022-11-30 12:32:37 -06:00
parent 010e194d1c
commit 181ece9244

View file

@ -371,64 +371,66 @@ Item {
visible: false visible: false
Component.onCompleted: dragHighlightLine = dropHighlightLine Component.onCompleted: dragHighlightLine = dropHighlightLine
} }
Canvas { /* Canvas { */
/* asynchronous: true; */ /* /\* asynchronous: true; *\/ */
x: dropHighlightLine.width - 8
y: dropHighlightLine.y - 17
z: 1
width: 100; height: 100;
contextType: "2d"
onPaint: {
var ctx = getContext("2d");
ctx.fillStyle = Kirigami.Theme.hoverColor;
ctx.rotate(30);
ctx.transform(0.8, 0, 0, 0.8, 0, 30)
ctx.path = tearDropPath;
ctx.fill();
}
visible: dropHighlightLine.visible
}
Path {
id: tearDropPath
startX: dropHighlightLine.width
startY: dropHighlightLine.y + 4
PathSvg {
path: "M15 3
Q16.5 6.8 25 18
A12.8 12.8 0 1 1 5 18
Q13.5 6.8 15 3z"
}
}
/* Shape { */
/* x: dropHighlightLine.width - 8 */ /* x: dropHighlightLine.width - 8 */
/* y: dropHighlightLine.y - 17 */ /* y: dropHighlightLine.y - 17 */
/* z: 1 */ /* z: 1 */
/* width: 100; height: 100; */ /* width: 100; height: 100; */
/* contextType: "2d" */
/* ShapePath { */ /* renderStrategy: Canvas.Threaded */
/* fillColor: Kirigami.Theme.hoverColor */ /* onPaint: { */
/* startX: 0; startY: 0 */ /* var ctx = getContext("2d"); */
/* PathLine { x: 180; y: 130 } */ /* ctx.fillRule = Qt.OddEvenFill */
/* PathLine { x: 20; y: 130 } */ /* ctx.fillStyle = Kirigami.Theme.hoverColor.name(); */
/* PathLine { x: 20; y: 20 } */ /* ctx.rotate(30); */
/* PathArc { */ /* ctx.transform(0.8, 0, 0, 0.8, 0, 30) */
/* x: 40; y: 200; */ /* ctx.path = tearDropPath; */
/* radiusX: 200; */ /* ctx.fill(); */
/* radiusY: 200; */ /* } */
/* useLargeArc: true */ /* visible: dropHighlightLine.visible */
/* } */ /* } */
/* PathLine { x: 40; y: 120 } */ /* Path { */
/* PathArc { */ /* id: tearDropPath */
/* x: -40; y: 120; */ /* startX: dropHighlightLine.width */
/* radiusX: 120; */ /* startY: dropHighlightLine.y + 4 */
/* radiusY: 120; */ /* PathSvg { */
/* useLargeArc: true; */ /* path: "M15 3 */
/* direction: PathArc.Counterclockwise */ /* Q16.5 6.8 25 18 */
/* } */ /* A12.8 12.8 0 1 1 5 18 */
/* PathLine { x: -40; y: 200 } */ /* Q13.5 6.8 15 3z" */
/* } */ /* } */
/* } */ /* } */
Shape {
x: dropHighlightLine.width - 8
y: dropHighlightLine.y - 17
z: 1
width: 100; height: 100;
ShapePath {
fillColor: Kirigami.Theme.hoverColor
startX: 0; startY: 0
PathLine { x: 180; y: 130 }
PathLine { x: 20; y: 130 }
PathLine { x: 20; y: 20 }
PathArc {
x: 40; y: 200;
radiusX: 200;
radiusY: 200;
useLargeArc: true
}
PathLine { x: 40; y: 120 }
PathArc {
x: -40; y: 120;
radiusX: 120;
radiusY: 120;
useLargeArc: true;
direction: PathArc.Counterclockwise
}
PathLine { x: -40; y: 200 }
}
}
} }
Kirigami.ActionToolBar { Kirigami.ActionToolBar {