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" */
/* renderStrategy: Canvas.Threaded */
/* onPaint: { */
/* var ctx = getContext("2d"); */
/* ctx.fillRule = Qt.OddEvenFill */
/* ctx.fillStyle = Kirigami.Theme.hoverColor.name(); */
/* 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" */
/* } */
/* } */
/* ShapePath { */ Shape {
/* fillColor: Kirigami.Theme.hoverColor */ x: dropHighlightLine.width - 8
/* startX: 0; startY: 0 */ y: dropHighlightLine.y - 17
/* PathLine { x: 180; y: 130 } */ z: 1
/* PathLine { x: 20; y: 130 } */ width: 100; height: 100;
/* PathLine { x: 20; y: 20 } */
/* PathArc { */ ShapePath {
/* x: 40; y: 200; */ fillColor: Kirigami.Theme.hoverColor
/* radiusX: 200; */ startX: 0; startY: 0
/* radiusY: 200; */ PathLine { x: 180; y: 130 }
/* useLargeArc: true */ PathLine { x: 20; y: 130 }
/* } */ PathLine { x: 20; y: 20 }
/* PathLine { x: 40; y: 120 } */ PathArc {
/* PathArc { */ x: 40; y: 200;
/* x: -40; y: 120; */ radiusX: 200;
/* radiusX: 120; */ radiusY: 200;
/* radiusY: 120; */ useLargeArc: true
/* useLargeArc: true; */ }
/* direction: PathArc.Counterclockwise */ PathLine { x: 40; y: 120 }
/* } */ PathArc {
/* PathLine { x: -40; y: 200 } */ x: -40; y: 120;
/* } */ radiusX: 120;
/* } */ radiusY: 120;
useLargeArc: true;
direction: PathArc.Counterclockwise
}
PathLine { x: -40; y: 200 }
}
}
} }
Kirigami.ActionToolBar { Kirigami.ActionToolBar {