removing the canvas and trying a shape
This commit is contained in:
parent
010e194d1c
commit
181ece9244
1 changed files with 54 additions and 52 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue